How can I map this HTML (table of checkboxes) into MVC ViewModel?

Question

I know how to map individual checkboxes into MVC ViewModel like:

  @Html.LabelFor(model => model.OnlyThisNetwork)
     @Html.CheckBoxFor(model => model.OnlyThisNetwork)and 

[DisplayName("Only this network")]
        public bool OnlyThisNetwork { get; set; }

But what about this table of checkboxes? I can't figure out to do it.

<table>
<thead>
                            <tr>
                                <th class="add">Frequency/Format</th>
                                <th>All</th>
                                <th>Email</th>
                                <th>Mobile</th>
                                <th>Social</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="add">As it happens</td>
                                <td><input type="checkbox" title="bike" id="social" class="checkbox"></td>
                                <td><input type="checkbox" title="bike" id="social" class="checkbox"></td>
                                <td><input type="checkbox" title="bike" id="social" class="checkbox"></td>
                                <td><input type="checkbox" title="bike" id="social" class="checkbox"></td>
                            </tr>
                            <tr>
                                <td class="add">Once a week</td>
                                <td><input type="checkbox" title="bike" id="social" class="checkbox"></td>
                                <td><input type="checkbox" title="bike" id="social" class="checkbox"></td>
                                <td><input type="checkbox" title="bike" id="social" class="checkbox"></td>
                                <td><input type="checkbox" title="bike" id="social" class="checkbox"></td>
                            </tr>
                            <tr>
                                <td class="add">Once a month</td>
                                <td><input type="checkbox" title="bike" id="social" class="checkbox"></td>
                                <td><input type="checkbox" title="bike" id="social" class="checkbox"></td>
                                <td><input type="checkbox" title="bike" id="social" class="checkbox"></td>
                                <td><input type="checkbox" title="bike" id="social" class="checkbox"></td>
                            </tr>
                        </tbody>
                    </table>

Can anyone help? I changed the post to reflect the MVC code I am binding to.

Your first example wouldn't bind correctly and it seems to me that you want radios instead of checkboxes. — jimSampica
– jimSampica, Commented Aug 15, 2014 at 16:20
The first example is working code. As for this, the customer wants checkboxes just like the supllied HTML. — user2471435
– user2471435, Commented Aug 15, 2014 at 16:24
Well now you've edited the code to work. And what would you expect to happen when someone selects "All" "As it happens" and "Email" "Once a week"? The customer probably doesn't understand the difference between a radio and checkbox. — jimSampica
– jimSampica, Commented Aug 15, 2014 at 16:30

Carles Company · Accepted Answer · 2014-08-15 16:25:30Z

0

Use the same name attribute for all checkboxes and set the value attribute for each. Then you'll get an array with the selected values:

<input type='checkbox' name='items' value='item1' />
<input type='checkbox' name='items' value='item2' />
<input type='checkbox' name='items' value='item3' />

In the controller you can have the post method getting an array of strings (you can have other types if the values can be converted with the actual model binder):

[HttpPost]
public ActionResult CheckItems(String[] items)
{
    ...use the values...
}

You can have the array in your model object and it will be used (if the name corresponds with the property name of the array).

answered Aug 15, 2014 at 16:25

Carles Company

7,1955 gold badges52 silver badges80 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

user2471435 Over a year ago

But I don't want to use <input>. I want use Html.CheckboxFor

Carles Company Over a year ago

You can try this then: stackoverflow.com/questions/8356703/… but I think it's easier doing it using the input tags.

jimSampica Over a year ago

Use Html.Checkbox("items")

Collectives™ on Stack Overflow

How can I map this HTML (table of checkboxes) into MVC ViewModel?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related