首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Html表,其中每一行都有一个复选框,希望将所有复选框值发送到一个ajax调用

Html表,其中每一行都有一个复选框,希望将所有复选框值发送到一个ajax调用
EN

Stack Overflow用户
提问于 2010-01-30 05:56:55
回答 3查看 1.6K关注 0票数 2

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

这是针对批量操作的,它将在选中复选框的所有行上执行。

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

为此,我使用了jQuery。

EN

回答 3

Stack Overflow用户

发布于 2010-01-30 06:00:54

假设它们具有相同的名称,如果不是,则给它们提供其他相同的东西。

代码语言:javascript
运行
复制
data = $('input[name=fieldname]').serialize();

然后在ajax调用中使用data

票数 1
EN

Stack Overflow用户

发布于 2010-01-30 06:00:52

简单地让所有的checkbox都有相同的名称,而不是id。

像这样:

代码语言:javascript
运行
复制
<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'/>

如果我没记错的话,您将收到如下参数:

代码语言:javascript
运行
复制
opt=1,2,3,4,5,6,7

相应地,检查的值。

这是我凭空写出来的,不过我还没有完全测试过这个。

票数 0
EN

Stack Overflow用户

发布于 2010-01-30 06:04:40

如果您使用form ajaxSubmit,它将提交所有选中的复选框。但是,如果您希望通过序列化这些值来手动提交这些值,则可以使用$(input[name=chkbox]:checked)之类的jquery选择器来选择它们,然后遍历它们以获取所有值并构建字符串。但是使用ajaxsubmit总是更好的

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2165446

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档