0

我编写了一个代码来传递用户通过单击复选框选择的那些记录的 id

点击 bttn 提交下面的代码被调用

  $("#button").click(function () {

 var selected = $(".a:checked").map(function() {
    return this.id;
}).get();

var urlDistricts = '@Url.Action("selectedId")';
$.ajax({
    type: "POST",

    url: urlDistricts,
    data: { listofid:selected },
    success: function () {

    }
});
});

为了抓住这一点,我在我的控制器中写了以下内容

    [HttpPost]
    public ActionResult selectedId(List<int> listofid)
    {
        return View();
    }

但是listofid是空的

4

1 回答 1

2

设置traditional: true参数:

$.ajax({
    type: "POST",
    url: urlDistricts,
    traditional: true,
    data: { listofid: selected },
    success: function (result) {

    }
});

您的代码似乎也有问题。您正在检索选定复选框的 ID。所以我可以假设你的标记看起来像这样:

<input class="a" type="checkbox" id="1" name="id1" />
<input class="a" type="checkbox" id="2" name="id2" />
<input class="a" type="checkbox" id="3" name="id3" />
...

我假设您的 id 是数字,因为您正试图将它们绑定到List<int>控制器操作中的 a 。除了这是无效的 HTML。ID 不能以数字开头。因此,一种可能性是data-*在您的复选框上使用 HTML5 属性来存储这些额外的元数据:

<input class="a" type="checkbox" data-id="1" name="id1" />
<input class="a" type="checkbox" data-id="2" name="id2" />
<input class="a" type="checkbox" data-id="3" name="id3" />
...

进而:

var selected = $(".a:checked").map(function() {
    return $(this).data('id');
}).get();
于 2012-08-17T09:17:20.727 回答