Question

On my form I have several hidden fields with the same name (RemoveId)

<input type="hidden" value="1" name="RemoveId" />
<input type="hidden" value="2" name="RemoveId" />
<input type="hidden" value="3" name="RemoveId" />
<input type="hidden" value="4" name="RemoveId" />
<input type="hidden" value="5" name="RemoveId" />

I would like to pass checked items (int(s)) to a controller via ajax/json

How would i do it?
thanks

Answer 1

here is something that should help

Using getElementsByName on the name “RemoveId” will give you an array

var list = document.getElementsByName("RemoveId");

var arrId = [];

for (var i = 0; i < list.length; i++) {
    arrId.push(list[i].value);
}

Pass this list of id’s prepared to the controller

$(function(){
    $.ajax({
       type: "POST",
       url: "@Url.Action("PostArray")" %>",
       data: {idArray: arrId},
       dataType: "json",
       success: function(msg){console.log(msg)}
    });
})

and here is how your controller should look like

[HttpPost]
public ActionResult PostArray(int[] idArray)
{
    // do your thing..
}