Bind Checkboxes to int array/enumerable in MVC

Question

@Html.CheckBox("orderNumbers", new { value = 1 })
@Html.CheckBox("orderNumbers", new { value = 2 })
@Html.CheckBox("orderNumbers", new { value = 3 })
@Html.CheckBox("orderNumbers", new { value = 4 })
@Html.CheckBox("orderNumbers", new { value = 5 })

[HttpPost]
public ActionResult MarkAsCompleted(IEnumerable<int> orderNumbers) { }

[HttpPost]
public ActionResult MarkAsCompleted(IEnumerable<string> orderNumbers) { }

If I use the first signature in my action method, I get an empty IEnumerable.

If I use the second signature I do receive the values but I also receive a false value for the unselected values (because of MVCs pattern of shadowing all checkboxes with a hidden field).

e.g. I will receive something like orderNumbers = { "1", "2", "false", "4", "false" }

Why can't I just get the list of numbers?

alok_dida · Accepted Answer · 2011-12-16 12:44:24Z

26

You can get all the checked values by the following way.

Controller code :

    public ActionResult Index()
    {            
        return View();
    }

    [AcceptVerbs(HttpVerbs.Post)]
    public ActionResult Index(string[] orderNumbers)
    {
        return View();
    }

View Code :

@using (Html.BeginForm())
{
    <input name="orderNumbers" type="checkbox" value="1" />
    <input name="orderNumbers" type="checkbox" value="2" />
    <input name="orderNumbers" type="checkbox" value="3" />
    <input name="orderNumbers" type="checkbox" value="4" />
    <input name="orderNumbers" type="checkbox" value="5" />

    <input type="submit" name="temp" value="hi" />
}

Please keep one thing in my mind that, you need to give same name to all checkboxes. In array you will get values for all checked checkboxes.

answered Dec 16, 2011 at 12:44

alok_dida

1,7432 gold badges19 silver badges38 bronze badges

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

Comments

Jan · Accepted Answer · 2011-12-16 12:17:00Z

7

Because thats how the provided CheckBoxFor helper is working.

You have to generate the html for the checkboxes yourself. Then the hidden inputs are not generated and you will get only the selected integer values.

answered Dec 16, 2011 at 12:17

Jan

16.1k5 gold badges38 silver badges60 bronze badges

1 Comment

fearofawhackplanet Over a year ago

Indeed, of course I do. What an idiot! I'd wrongly assumed they would have done something clever in the model binder to ignore the false values if they couldn't be bound to the requested type.

David W Gray · Accepted Answer · 2014-02-18 18:27:05Z

5

In addition to alok_dida's great answer. Since all the values are integers, you can have your controller code take an array of integers and avoid doing the conversion yourself.

This works in MVC4+:

[AcceptVerbs(HttpVerbs.Post)]
public ActionResult Index(int[] orderNumbers)
{
    return View();
}

answered Feb 18, 2014 at 18:27

David W Gray

7091 gold badge6 silver badges21 bronze badges

Collectives™ on Stack Overflow

Bind Checkboxes to int array/enumerable in MVC

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related