Get multiple checked checkbox values in MVC controller

Question

My code is below:

On page i have a products list with checkbox, code & name of that product. When selecting multiple checkboxes, on submit click, i need to get the selected checkbox values & save it in the DB.

Product View Model class:

public class ProductVM
{
 public ProductVM()
    {
        this.ProductsList = new List<Product>();
    }

public List<Product> ProductsList { get; set; }

public class Product
{
    public bool IsSelected { get; set; }
    public string Code { get; set; }
    public string Name { get; set; }
}

}

Product Controller:

[HttpGet]
public ActionResult Edit()
{
var model = new ProductVM();

        var product1 =  new ProductVM.Product
            {
                Code = "Product1",
                Name = "Apple"
            };


        var product2 =  new ProductVM.Product 
            {
                Code = "Product2",
                Name = "Banana"
            };

        model.ProductsList.Add(Product1);
        model.ProductsList.Add(Product2);

        return View(model);
     }

[HttpPost]
public ActionResult Edit(ProductVM model)
{
if (model.ProductsList.Any(m => m.Selected))  
        {
           //How to get the selected Code & Name here
        }
}

Product View:

@model ProductVM
@using(Html.BeginForm())
{
   foreach (var item in Model.ProductsList)
   {
        @Html.CheckBox("IsSelected", item.IsSelected) 
        @Html.Label(item.Code)
        @Html.Label(item.Name)
   }
   <input type="submit" />
 }

create the same name for your checkboxes, and put ids into Value attribute - then on submit you will get them comma - separated — fly_ua
– fly_ua, Commented Dec 11, 2014 at 15:03
how can i get it in the model itself n not use the form collection. — DreamBig
– DreamBig, Commented Dec 11, 2014 at 15:13

Chris Pratt · Accepted Answer · 2014-12-11 15:12:40Z

2

First, you need to use for instead of foreach. Otherwise Razor won't generate the proper field names. Second, you need hidden inputs for the Code and Name properties so these will get posted back:

for (var i = 0; i < Model.ProductsList.Count(); i++)
{
    @Html.HiddenFor(m => m.ProductsList[i].Code)
    @Html.HiddenFor(m => m.ProductsList[i].Name)
    <label>
        @Html.CheckBoxFor(m => m.ProductsList[i].IsSelected)
        @Html.DisplayFor(m => m.ProductsList[i].Code)
        @Html.DisplayFor(m => m.ProductsList[i].Name)
    </label>
}

answered Dec 11, 2014 at 15:12

Chris Pratt

240k37 gold badges414 silver badges468 bronze badges

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

Comments

fly_ua · Accepted Answer · 2014-12-11 15:23:34Z

2

To demo my code from my comment to question- You can get idea from it

@foreach (var item in ViewBag.FocusesList)
{
    <label>
        <input type="checkbox" value="@item.ConfigurationId" name="FocusList" id="FocusList" /> @item.Value.Name
    </label>
}

After submit you have all checked values split by comma in Request["FocusList"]

answered Dec 11, 2014 at 15:23

fly_ua

1,0548 silver badges12 bronze badges

Collectives™ on Stack Overflow

Get multiple checked checkbox values in MVC controller

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related