mvc 5 - Passing a list of checked items from view to controller

Question

I'm trying to pass a list of items that have their checkbox checked. The problem is that when I press submit, my controller does not receive anything from the view ( my items of type IEnumerable are null )

Here is my view :

@model  IEnumerable<MyApp.Models.MyClass>

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />        
</head>
<body>
    <div>       
        @using (Html.BeginForm())
        {    
            foreach(var item in Model)
            {
                Html.CheckBoxFor(modelItem => item.Checked);
                Html.DisplayFor(modelItem => item.Url);
                <br/>  
            }    

            <input type="submit" value="Submit" />
        }
    </div>
</body>
</html>

This my model :

namespace MyApp.Models
{
    public class MyClass
    {
        public string Url;
        public bool Checked;
        public MyClass(string item)
        {
            Url = item;
        }
        public MyClass()
        {

        }
    }
}

And this is my controller :

[HttpPost]
public ActionResult Something(IEnumerable<MyClass> items)
{ 
    //bla bla bla
}

It not that simple to bind a list of objects. Please read [this](http://haacked.com/archive/2008/10/23/model-binding-to-a-list.aspx/). — Ivan Gritsenko, Mar 13 '16 at 12:56

score 0 · Accepted Answer · answered Mar 13 '16 at 13:20

for my case I will do this way.

 foreach(var item in Model)
        {

               <input type="checkbox" name="removefromcart" value="@(item.Id)" />

                Html.DisplayFor(modelItem => item.Url);
            <br/>


        }

In my controller class

  public ActionResult UpdateWishlist(FormCollection form)
    {

        var allIdsToRemove = form["removefromcart"] != null 
            ? form["removefromcart"].Split(new [] { ',' }, StringSplitOptions.RemoveEmptyEntries)
            .Select(int.Parse)
            .ToList() 
            : new List<int>();

that worked for me, thank you very much ! – Garnyatar Mar 13 '16 at 15:42 — Garnyatar, Mar 13 '16 at 15:42

score 0 · Answer 2 · edited May 23 '17 at 12:15

You can try this.

  foreach(var item in Model)
  {
      <input type="checkbox" name="removefromcart" value="@item.Checked" />
      Html.DisplayFor(modelItem => item.Url);
      <br/>
  }

Then your controller can be modified to this.

[HttpPost]
public ActionResult Something(string[] removefromcart) //you will get all the values as string array.
{ 
    //bla bla bla
}

Here is a similar answer that might help you

mvc 5 - Passing a list of checked items from view to controller

2 Answers2