Getting Checkbox Value in ASP NET MVC 4

Question

I m working on an ASP NET MVC 4 app  This app has a basic form  The model for my form looks like the following   public class MyModel       public string Name   get  set        public bool Remember   get  set        In my form  I have the following HTML    lt input id  Name  name  Name  type  text  value   Model Name    gt   lt input id  Remember  name  Remember  type  checkbox  value   Model Remember    gt   lt label for  Remember  gt  amp nbsp Remember Me  lt  label gt    When I post the form  the Remember value in the model is always false  However  the Name property in the model has a value  I ve tested this by setting a breakpoint in the following    HttpPost  public ActionResult MyAction MyModel model      Console WriteLine model Remember ToString         I can t figure it out  Why isn t the Checkbox value getting set

User · Answer

For the MVC using Model  Model   public class UserInfo       public string UserID   get  set        public string UserName   get  set        public string Password   get  set        public bool RememberMe   get  set        HTML    lt input type  checkbox  value  true  id  checkbox1  name  RememberMe  checked   Model RememberMe   gt   lt label for  checkbox1  gt  lt  label gt    In  HttpPost  function  we can get its properties    HttpPost  public ActionResult Login UserInfo user                return View user

User · Answer

I just ran into this  I can t believe it doesn t bind on off    Anyways    lt input type  checkbox  name  checked    gt    Will Post a value of  on  or  off    This WONT bind to a boolean  but you can do this silly workaround    public class MyViewModel              lt summary gt           This is a really dumb hack  because the form post sends  on     off            lt  summary gt                           public enum Checkbox                on   1          off   0             public string Name   get  set         public Checkbox Checked   get  set

User · Answer

This has been a major pain and feels like it should be simpler   Here s my setup and solution   I m using the following HTML helper    Html CheckBoxFor model   gt  model ActiveFlag   Then  in the controller  I am checking the form collection and processing accordingly   bool activeFlag   collection  ActiveFlag       false    false   true   modelObject  ActiveFlag   activeFlag

User · Answer

Okay  the checkbox is a little bit weird  When you use Html helper  it generates two checkbox inputs on the markup  and both of them get passed in as a name-value pair of IEnumerable if it is checked   If it is not checked on the markup  it gets passed in only the hidden input which has value of false   So for example on the markup you have          Html CheckBox  Chbxs      And in the controller action  make sure the name matches the checkbox param name on the controller          public ActionResult Index string param1  string param2        string param3  IEnumerable lt bool gt  Chbxs    Then in the controller you can do some stuff like         if  Chbxs    null  amp  amp  Chbxs Count      2                        checkBoxOnMarkup   true                    else                       checkBoxOnMarkup   false              I know this is not an elegant solution  Hope someone here can give some pointers

User · Answer

In my case I was not setting the model property  Remember  in the get method  Check your logic in the controller  You may be doing the same  I hope this help

User · Answer

If working with FormCollection rather than model  the assignment can be as simple as   MyModel Remember   fields  Remember       false

User · Answer

For multiple checkbox with same name    Code to remove unnecessary false    List lt string gt  d taxe1   new List lt string gt  Request Form GetValues  taxe1     d taxe1   form checkbox RemoveExtraFalseFromCheckbox d taxe1     Function   public class form checkbox        public static List lt string gt  RemoveExtraFalseFromCheckbox List lt string gt  val                List lt string gt  d taxe1 list   new List lt string gt  val            int y   0           foreach  string cbox in val                         if  val y      false                                 if  y  gt  0                                        if  val y - 1      true                                                 d taxe1 list y     remove                                                                       y                       val   new List lt string gt  d taxe1 list            foreach  var del in d taxe1 list              if  del     remove   val Remove del            return val                      Use it     int x   0  foreach  var detail in d prix   factured taxe1    d taxe1 x      true     true   false  x

User · Answer

I ran into a similar issue and was able to get the checkbox value back by using a checkbox  hiddenfor and little JQuery like so    Html CheckBox  isPreferred   Model IsPreferred   Html HiddenFor m   gt  m IsPreferred    lt script gt           isPreferred   change function                   IsPreferred   val     isPreferred   val               lt  script gt

User · Answer

Instead of     lt input id  Remember  name  Remember  type  checkbox  value   Model Remember    gt    use     Html EditorFor x   gt  x Remember    That will give you a checkbox specifically for Remember

User · Answer

If you really want to use plain HTML  for whatever reason  and not the built-in HtmlHelper extensions  you can do it this way    Instead of   lt input id  Remember  name  Remember  type  checkbox  value   Model Remember    gt    try using   lt input id  Remember  name  Remember  type  checkbox  value  true    Model Remember    checked          gt      Checkbox inputs in HTML work so that when they re checked  they send the value  and when they re not checked  they don t send anything at all  which will cause ASP NET MVC to fallback to the default value of the field  false   Also  the value of the checkbox in HTML can be anything not just true false  so if you really wanted  you can even use a checkbox for a string field in your model   If you use the built-in Html RenderCheckbox  it actually outputs two inputs  checkbox and a hidden field so that a false value is sent when the checkbox is unchecked  not just nothing   That may cause some unexpected situations  like this    Why does the CheckBoxFor render an additional input tag  and how can I get the value using the FormCollection

User · Answer

public ActionResult Index string username  string password  string rememberMe       if   string IsNullOrEmpty username              bool remember   bool Parse rememberMe                       return View

User · Answer

I read through the other answers and wasn t quite getting it to work - so here s the solution I ended up with   My form uses the Html EditorFor e   gt  e Property  to generate the checkbox  and using FormCollection in the controller  this passes a string value of  true false  in the controller    When I m handling the results I use a loop to cycle through them - I also use an InfoProperty instance to represent the current model value being assessed from the form   So instead I just check if the string returned starts with the word  true  and then set a boolean variable to true and pass that into the return model   if  KeyName EndsWith  OnOff             set on off flags value to the model instance     bool keyTrueFalse   false      if values KeyName  StartsWith  true                  keyTrueFalse   true            infoProperty SetValue processedInfo  keyTrueFalse

User · Answer

Use only this     input type checkbox    change function          if    this  prop  checked                this  val true         else             this  val false

User · Answer

Html EditorFor x   gt  x ShowComment      function                 set default value to control on document ready instead of  on   off              input type  checkbox   name  ShowComment     val  Model ShowComment ToString   ToLower                      ShowComment   change function                this block sets value to checkbox control for  true     false           var chkVal      input type  checkbox   name  ShowComment     val            if  chkVal     false      input type  checkbox   name  ShowComment     val true           else    input type  checkbox   name  ShowComment     val false

User · Answer

Modify Remember like this  public class MyModel       public string Name   get  set        public bool  Remember   get  set        Use nullable bool in controller and fallback to false on null like this   HttpPost  public ActionResult MyAction MyModel model        model Remember   model Remember    false      Console WriteLine model Remember ToString

User · Answer

Html EditorFor x   gt  x Remember    Will generate    lt input id  Remember  type  checkbox  value  true  name  Remember    gt   lt input type  hidden  value  false  name  Remember    gt    How does it work    If checkbox remains unchecked  the form submits only the hidden value  false  If checked  then the form submits two fields  false and true  and MVC sets true for the model s bool property    lt input id  Remember  name  Remember  type  checkbox  value   Model Remember    gt   This will always send the default value  if checked

User · Answer

Since you are using Model Name to set the value  I assume you are passing an empty view model to the View    So the value for Remember is false  and sets the value on the checkbox element to false  This means that when you then select the checkbox  you are posting the value  false  with the form  When you don t select it  it doesn t get posted  so the model defaults to false  Which is why you are seeing a false value in both cases   The value is only passed when you check the select box  To do a checkbox in Mvc use   Html CheckBoxFor x   gt  x Remember    or if you don t want to bind the model to the view    Html CheckBox  Remember     Mvc does some magic with a hidden field to persist values when they are not selected   Edit  if you really have an aversion to doing that and want to generate the element yourself  you could do    lt input id  Remember  name  Remember  type  checkbox  value  true    Model Remember    checked   checked            gt

User · Answer

To convert a value returned from a check box in a form to a Boolean property I used the ValueProviderResult s in build converter in a custom ModelBinder     ValueProviderResult cbValue   bindingContext ValueProvider GetValue  CheckBoxName    bool value    bool cbValue ConvertTo typeof bool

[c#] Getting Checkbox Value in ASP.NET MVC 4

Examples related to c#

Examples related to asp.net-mvc-4