Set Label for checkbox in razor

Question

How does one set the label of a checkbox? I looked at some sites and they are using lambda expressions, but I can't understand them. I am new to asp.net MVC.

@{    bool chkVal = false;    } <li>@Html.CheckBox("chksumma",chkVal,new {@value = "5"})</li> <li>@Html.LabelFor(, ""); 

Answer 1

This is a really good way:

<div class="checkbox">     <label>@Html.CheckBoxFor(x => item.IsSelected)&nbsp;@Html.DisplayNameFor(x => item.IsSelected)</label> </div> 

1. It's what is recommended by bootstrap 3.
2. It works in a table.
3. You can click on the check box OR the label to select the box. (This is an important usability feature.)
4. The cursor is properly the "hand" instead of the arrow pointer.

EDIT

This is really easy to do in Bootstrap 4.

You just wrap your label and input inside form-check markup:

<div class="form-check">   <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">   <label class="form-check-label" for="defaultCheck1">Default checkbox</label> </div>