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
– Yusubov

2012-06-17 19:36:30 +00:00
Commented Jun 17, 2012 at 19:36 — Yusubov
– Yusubov, Commented Jun 17, 2012 at 19:36

Community · Accepted Answer · 2017-05-23 11:49:11Z

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, 2017 at 11:49

CommunityBot

11 silver badge

answered Jun 14, 2012 at 3:46

Yusubov

5,8439 gold badges35 silver badges69 bronze badges

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

Comments

Aleksey Cherenkov · Accepted Answer · 2012-06-15 13:06:50Z

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, 2012 at 13:06

answered Jun 13, 2012 at 20:07

Aleksey Cherenkov

1,49523 silver badges27 bronze badges

3 Comments

Aleksey Cherenkov Over a year ago

Can you change IEnumerable to IList?

VolleyBall Player Over a year ago

IList on UI is a bad practice. It should be only IEnumerable<T>.

Aleksey Cherenkov Over a year ago

Program manager for the ASP.NET MVC is using IList<T> in his examples. Model Binding To A List

Aghilas Yakoub · Accepted Answer · 2012-06-13 20:13:17Z

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, 2012 at 20:13

Aghilas Yakoub

29k5 gold badges49 silver badges51 bronze badges

Collectives™ on Stack Overflow

How to draw a checkbox in razor MVC3

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related