Proper usage of net MVC Html CheckBoxFor

Question

All I want to know is the proper syntax for the Html CheckBoxFor HTML helper in ASP NET MVC   What I m trying to accomplish is for the check-box to be initially checked with an ID value so I can reference it in the Controller to see if it s still checked or not   Would below be the proper syntax    foreach  var item in Model Templates           lt td gt            Html CheckBoxFor model   gt  true  item TemplateId            Html LabelFor model   gt  item TemplateName       lt  td gt

User · Answer

I had trouble getting this to work and added another solution for anyone wanting/ needing to use FromCollection.

Instead of:

@Html.CheckBoxFor(model => true, item.TemplateId)

Format html helper like so:

@Html.CheckBoxFor(model => model.SomeProperty, new { @class = "form-control", Name = "SomeProperty"})

Then in the viewmodel/model wherever your logic is:

public void Save(FormCollection frm)
{   
    // to do instantiate object.

    instantiatedItem.SomeProperty = (frm["SomeProperty"] ?? "").Equals("true", StringComparison.CurrentCultureIgnoreCase);

    // to do and save changes in database.
}

User · Answer

I was having a problem with ASP NET MVC 5 where CheckBoxFor would not check my checkboxes on server-side validation failure even though my model clearly had the value set to true   My Razor markup code looked like    Html CheckBoxFor model   gt  model MyBoolValue  new    class    mySpecialClass        To get this to work  I had to change this to          var checkboxAttributes   Model MyBoolValue            object  new    class    mySpecialClass    checked    checked               object  new    class    mySpecialClass        Html CheckBox  MyBoolValue   checkboxAttributes

User · Answer

Place this on your model    DisplayName  Electric Fan    public bool ElectricFan   get  set     private string electricFanRate   public string ElectricFanRate       get   return electricFanRate     electricFanRate     15 month          set   electricFanRate   value        And this in your cshtml    lt div class  row  gt       Html CheckBoxFor m   gt  m ElectricFan  new    class              Html LabelFor m   gt  m ElectricFan  new    class              Html DisplayTextFor m   gt  m ElectricFanRate   lt  div gt    Which will output this    If you click on the checkbox or the bold label it will check uncheck the checkbox

User · Answer

By default  the below code will NOT generate a checked Check Box as model properties override the html attributes     Html CheckBoxFor m   gt  m SomeBooleanProperty  new    checked    checked        Instead  in your GET Action method  the following needs to be done   model SomeBooleanProperty   true    The above will preserve your selection If you uncheck the box  even if model is not valid i e  some error occurs on posting the form    However  the following code will certainly generate a checked checkbox  but will not preserve your uncheck responses  instead make the checkbox checked every time on errors in form     Html CheckBox  SomeBooleanProperty   new    checked    checked           UPDATE     Get Method    public ActionResult CreateUser int id               model SomeBooleanProperty   true                  Above code would generate a checked check Box at starting and will also preserve your selection even on errors in form

User · Answer

None of the above answers worked for me when binding back on POST  until I added the following in CSHTML   lt div class  checkbox c-checkbox  gt       lt label gt           lt input type  checkbox  id  xPrinting  name  xPrinting  value  true    Html Raw  Model xPrinting    checked        gt           lt span class    gt  lt  span gt Printing      lt  label gt   lt  div gt       POST  Index   HttpPost  public ActionResult Index  Bind Include    dateInHands dateFrom dateTo pgStatus gpStatus vwStatus freeSearch xPrinting xEmbroidery xPersonalization sortOrder radioOperator    ProductionDashboardViewModel model

User · Answer

I was looking for the solution to show the label dynamically from database like this   checkbox1   Option 1 text from database checkbox2   Option 2 text from database checkbox3   Option 3 text from database checkbox4   Option 4 text from database   So none of the above solution worked for me so I used like this     Html CheckBoxFor m   gt  m Option1  new    class    options        lt label for  Option1  gt  Model Option1Text lt  label gt     Html CheckBoxFor m   gt  m Option2  new    class    options        lt label for  Option2  gt  Mode2 Option1Text lt  label gt    In this way when user will click on label  checkbox will be selected   Might be it can help someone

User · Answer

That isn t the proper syntax  The first parameter is not checkbox value but rather view model binding for the checkbox hence    Html CheckBoxFor m   gt  m SomeBooleanProperty  new    checked    checked        The first parameter must identify a boolean property within your model  it s an Expression not an anonymous method returning a value  and second property defines any additional HTML element attributes  I m not 100  sure that the above attribute will initially check your checkbox  but you can try  But beware  Even though it may work you may have issues later on  when loading a valid model data and that particular property is set to false   The correct way  Although my proper suggestion would be to provide initialized model to your view with that particular boolean property initialized to true   Property types  As per Asp net MVC HtmlHelper extension methods and inner working  checkboxes need to bind to boolean values and not integers what seems that you d like to do  In that case a hidden field could store the id   Other helpers  There are of course other helper methods that you can use to get greater flexibility about checkbox values and behaviour    Html CheckBox  templateId   new   value   item TemplateID   checked   true          Note  checked is an HTML element boolean property and not a value attribute which means that you can assign any value to it  The correct HTML syntax doesn t include any assignments  but there s no way of providing an anonymous C  object with undefined property that would render as an HTML element property

[asp.net-mvc] Proper usage of .net MVC Html.CheckBoxFor

Examples related to asp.net-mvc

Examples related to checkboxfor