Html 表，其中每一行都有一个复选框，想要将所有复选框值发送到 ajax 调用答案

【问题标题】：Html table, where each row has a checkbox, want to send all checkbox value's to an ajax callHtml 表，其中每一行都有一个复选框，想要将所有复选框值发送到 ajax 调用
【发布时间】：2010-01-30 06:04:40
【问题描述】：

我有一个报告页面，它显示了许多行，每一行都有自己的复选框，其值是数据库中的 ID 字段。

这是一个批量操作，将在选中复选框的所有行上执行。

因此，如果用户选中多个框，点击一个按钮，我需要将所有复选框值发送到控制器的操作，该操作将获取这些 Id 并处理它们。

我正在为此使用 jQuery。

【问题讨论】：

标签： c# asp.net jquery asp.net-mvc

【解决方案1】：

假设他们有相同的名字，如果不给他们其他相同的东西。

data = $('input[name=fieldname]').serialize();

然后，您将在 ajax 调用中使用 data。

【讨论】：

【解决方案2】：

只需让所有 checkbox 具有相同的名称，而不是 id。

喜欢：

<input type='checkbox' name='opt' value ='1' id='opt1'/>
<input type='checkbox' name='opt' value ='2' id='opt2'/>
<input type='checkbox' name='opt' value ='3' id='opt3'/>
<input type='checkbox' name='opt' value ='4' id='opt4'/>
<input type='checkbox' name='opt' value ='5' id='opt5'/>
<input type='checkbox' name='opt' value ='6' id='opt6'/>
<input type='checkbox' name='opt' value ='7' id='opt7'/>

如果我没记错的话，你会收到如下参数：

opt=1,2,3,4,5,6,7

相应地检查值。

这是我脑子里写的，不过我还没有完全测试过。

【讨论】：

您将收到 opt=1&opt=2&opt=3&opt=4&opt=5&opt=6&opt=7 许多语言会为您汇总。

【解决方案3】：

如果您使用 ajaxSubmit 表单，它将提交所有选中的复选框。但是，如果您想通过序列化值手动提交它，您可以使用像$(input[name=chkbox]:checked) 这样的 jquery 选择器来选择它们，然后循环通过它来获取所有值并构建字符串。不过最好还是用ajaxsubmit

【讨论】：