Pass values of checkBox to controller action in asp net mvc4

Question

I want to test if the checkbox is checked or not from my action method  what i need is to pass checkbox value from view to controller   This is my view       using  Html BeginForm  Index    Graphe                       lt table style  width  100    border  1  gt             lt tbody gt             lt tr gt             lt td gt Responsable  lt  td gt             lt td gt  lt select id  Responsables  name  responsables    gt  lt option gt Selectionnez -- lt  option gt  lt  select gt  lt  td gt              lt td gt  lt input id  responsable  name  checkResp  type  checkbox    gt   lt  td gt   lt  tr gt                  lt tr gt   lt td gt  lt input type  submit  value  Afficher  id  ButtonSubmit   gt  lt  td gt                    lt td gt  lt input class  button  id  ButtonReset  type  button  value  Annuler     gt  lt  td gt               lt  tr gt   lt  tbody gt    and i try that     public ActionResult Index string responsables  bool checkResp                Highcharts chart   new Highcharts  chart             if  responsables    null                             if  checkResp                  chart   Global                     else                  chart   Resp responsables                          else             chart   Global            return View chart            But i receive this Error   Le dictionnaire de param  tres contient une entr  e Null pour le param  tre    checkAct    de type non Nullable    System Boolean    pour la m  thode    System Web Mvc ActionResult Index System String  System String  Boolean     dans    Project Controllers GrapheController     Un param  tre facultatif doit   tre un type r  f  rence  un type Nullable ou   tre d  clar   en tant que param  tre facultatif  Nom du param  tre   parameters  Can you help me please

User · Accepted Answer

If a checkbox is checked  then the postback values will contain a key-value pair of the form  InputName   InputValue   If a checkbox is not checked  then the posted form contains no reference to the checkbox at all   Knowing this  the following will work   In the markup code     lt input id  responsable  name  checkResp  value  true  type  checkbox    gt    And your action method signature   public ActionResult Index  string responsables  bool checkResp   false    This will work because when the checkbox is checked  the postback will contain checkResp true  and if the checkbox is not checked the parameter will default to false

User · Answer

For some reason Andrew method of creating the checkbox by hand didn t work for me using Mvc 5   Instead I used this    Html CheckBox  checkResp     to create a checkbox that would play nice with the controller

User · Answer

None of the previous solutions worked for me  Finally I found that the action should be coded as   public ActionResult Index string MyCheck   null    and then  when checked the passed value was  on   not  true   Else  it is always null   Hope it helps somebody

User · Answer

set value in check box like this      lt input id  responsable  name  checkResp  value  true  type  checkbox    gt    change checkResp to nullable property in Your model  like this    public Nullable lt bool gt  checkResp  get  set      use   before checkResp like    public ActionResult Index  string responsables  bool   checkResp

User · Answer

try using form collection    lt input id  responsable  value  True  name  checkResp  type  checkbox    gt     HttpPost  public ActionResult Index FormCollection collection         if  string IsNullOrEmpty collection  checkResp                   string checkResp collection  checkResp            bool checkRespB Convert ToBoolean checkResp

User · Answer

If you want your value to be read by MVT controller when you submit the form and you don t what to deal with hidden inputs  What you can do is add value attribute to your checkbox and set it to true or false    MVT will not recognize viewModel property myCheckbox as true here   lt input type  checkbox  name  myCheckbox  checked  checked    gt    but will if you add    lt input type  checkbox  name  myCheckbox  checked  checked  value  true    gt   Script that does it     document  on  click     type  checkbox     function e            if  this checked                  this  attr  value    true              else                 this  attr  value   false

User · Answer

For the MVC Controller method  use a nullable boolean type   public ActionResult Index  string responsables  bool  checkResp      etc     Then if the check box is checked  checkResp will be true   If not  it will be null

User · Answer

I did had a problem with the most of solutions  since I was trying to use a checkbox with a specific style  I was in need of the values of the checkbox to send them to post from a list  once the values were collected  needed to save it  I did manage to work it around after a while   Hope it helps someone  Here s the code below   Controller        HttpGet      public ActionResult Index List lt Model gt  ItemsModelList                 ItemsModelList   new List lt Model gt                                            example two values               checkbox 1             new Model  CheckBoxValue   true                 checkbox 2             new Model  CheckBoxValue   false                       return View new ModelLists                       List   ItemsModelList                            HttpPost      public ActionResult Index ModelLists ModelLists                  Use a break point here to watch values           Code     save for example          return RedirectToAction  Index    Home             Model 1       using System      using System Collections Generic      using System Linq      using System Web       namespace waCheckBoxWithModel Models               public class Model        public bool CheckBoxValue   get  set               Model 2       using System      using System Collections Generic      using System Linq      using System Web       namespace waCheckBoxWithModel Models               public class ModelLists        public List lt Model gt  List   get  set               View  Index           ViewBag Title    Index     model waCheckBoxWithModel Models ModelLists            lt style gt    checkBox       display  block      position  relative      margin-bottom  12px      cursor  pointer      font-size  22px      -webkit-user-select  none      -moz-user-select  none      -ms-user-select  none      user-select  none            hide default checkbox        checkBox input           position  absolute          opacity  0          cursor  pointer            checkmark     checkmark       position  absolute      top  0      left  0      height  25px      width  25px      background   fff      border-radius  4px      border-width  1px      box-shadow  inset 0px 0px 10px  ccc        On mouse-over change backgroundcolor     checkBox hover input    checkmark         background-color   ccc          background effect     checkBox input checked    checkmark       background-color   fff        checkmark  hide when not checked      checkmark after       content          position  absolute      display  none        show checkmark  checked      checkBox input checked    checkmark after       display  block        Style checkmark     checkBox  checkmark after       left  9px      top  7px      width  5px      height  10px      border  solid  1F4788      border-width  0 2px 2px 0      -webkit-transform  rotate 45deg       -ms-transform  rotate 45deg       transform  rotate 45deg         lt  style gt        using  Html BeginForm                lt div gt          int cnt   Model List Count      int i   0       foreach  var item in Model List                   if  cnt  gt   1            cnt--                Html Label  Example           i   1         lt br   gt        lt label class  checkBox  gt           Html CheckBoxFor m   gt  Model List i  CheckBoxValue           lt span class  checkmark  gt  lt  span gt       lt  label gt         i           lt br   gt       lt br   gt   lt input type  submit  value  Go to Post Index    gt            lt  div gt

User · Answer

You should be strongly typing your views  Then you can do this   public class YourViewModel       public bool ConditionaValue   get  set        In your view  you can create a checkbox that will bind to this boolean value    Html CheckBoxFor x   gt  x ConditionalValue    If it is checked  the model property will be true   For your immediate problem though   you need to name your checkbox to be the same name as your action method parameters   and they should be bool

User · Answer

lt form action  Save  method  post  gt   IsActive  lt input type  checkbox  id  IsActive  checked  checked  value  true  name  IsActive     gt     lt  form gt    public ActionResult Save Director director                                  IsValid is my Director prop same name give                 if ModelState IsValid                                DirectorVM ODirectorVM   new DirectorVM                    ODirectorVM SaveData director                   return RedirectToAction  Display                              return RedirectToAction  Add

User · Answer

I hope this somewhat helps  Create a viewmodel for your view  This will represent the true or false  checked or unchecked  values of your checkboxes  public class UsersViewModel       public bool IsAdmin   get  set        public bool ManageFiles   get  set        public bool ManageNews   get  set       Next  create your controller and have it pass the view model to your view  public IActionResult Users          var viewModel   new UsersViewModel         return View viewModel      Lastly  create your view and reference your view model  Use  Html CheckBoxFor x   gt  x  to display checkboxes and hold their values   model Website Models UsersViewModel  lt div class  quot form-check quot  gt       Html CheckBoxFor x   gt  x IsAdmin       lt label class  quot form-check-label quot  for  quot defaultCheck1 quot  gt             Admin      lt  label gt   lt  div gt              When you post save data from your view  the view model will contain the values of the checkboxes  Be sure to include the viewmodel as a parameter in the method controller that is called to save your data  I hope this makes sense and helps  This is my first answer  so apologies if lacking

User · Answer

public ActionResult Save Director director                         IsActive my model property same name give in cshtml   IsActive  lt input type  checkbox  id  IsActive  checked  checked  value  true  name  IsActive               if ModelState IsValid                                DirectorVM ODirectorVM   new DirectorVM                    ODirectorVM SaveData director                   return RedirectToAction  Display                              return RedirectToAction  Add

[c#] Pass values of checkBox to controller action in asp.net mvc4

Examples related to c#

Examples related to asp.net

Examples related to asp.net-mvc

Examples related to asp.net-mvc-4

Examples related to checkbox