How to draw a checkbox in razor MVC3

Question

@model IEnumerable<FacetValue>
<ul>
    @foreach (var association in Model)
    {
        <li>

            **@Html.CheckBox("association",association.IsSelected) @Html.Label("association", association.Text)**

            @if (association.IsSelected == true)
            {
                <input type="checkbox" id="association" class="left" value="@association.Text" checked="checked"/>
            }
            else
            {
                <input type="checkbox" id="association" class="left" value="@association.Text"/>
            }
            <label>@association.Text</label>
        </li> 
    }
</ul>

I am using the code that starts with @if vs the @htmlCheckBox. 1. The layout is messed up 2. It doesn't display is messed up and displays check box in one place and text in another place. 3. a hidden value is generated for every check box.

Now the question is how can I display the the contents how I want without the @if else logic.

would you choose the answer or comment on them? – Yusubov Jun 17 '12 at 19:36 — Yusubov, Jun 17 '12 at 19:36

Aleksey Cherenkov · Answer 1 · 2012-06-15T13:06:50.677

2

To bind complex objects, we need to provide an index for each item to insure correct postback. That's why we need to change IEnumerable<> to IList<> (or you can created another variable and populated it with Model.ToList()). Than we need to change foreach() to for(), so Html.CheckBoxFor can correctly create IDs and NAMEs that will insure correct postback.

@model IList<FacetValue>
<ul>
    @for (int i = 0; i < Model.Count(); i++)
    {
        <li>
            @Html.LabelFor(model => model.Model[i].IsSelected, Model[i].Text)
            @Html.CheckBoxFor(model => model.Model[i].IsSelected)
        </li> 
    }
</ul>

edited Jun 15 '12 at 13:06

answered Jun 13 '12 at 20:07

Aleksey Cherenkov

1,405
21
25

Can you change IEnumerable to IList? – Aleksey Cherenkov Jun 13 '12 at 20:38
IList on UI is a bad practice. It should be only IEnumerable. – VolleyBall Player Jun 13 '12 at 21:10
1

Program manager for the ASP.NET MVC is using IList in his examples. [Model Binding To A List](http://haacked.com/archive/2008/10/23/model-binding-to-a-list.aspx) – Aleksey Cherenkov Jun 14 '12 at 02:07

score 2 · Answer 2 · edited May 23 '17 at 11:49

2

There is no need to reinvent the wheel. Here is a very good post to look: Asp.net MVC Multiple check-boxes in an array

If it still does not cover your scenario then look at this pre-existing discussions:

Discussion 1, Discussion 2

edited May 23 '17 at 11:49

Community

1
1

answered Jun 14 '12 at 03:46

Yusubov

5,815
9
32
69

score 0 · Answer 3 · answered Jun 13 '12 at 20:13

0

you can customize your extension method of Check box with property additional Visible, and in the creating of checkbox , you pass the value of visible

answered Jun 13 '12 at 20:13

Aghilas Yakoub

28,516
5
46
51

How to draw a checkbox in razor MVC3

3 Answers3