无涯教程网

所有选中复选框的 jQuery 数组(按类)

发布于01月20日

Possible Duplicate:
Select values of checkbox group with jQuery

In HTML I have a set of checkboxes grouped together by a class. I want to get an array in jQuery containing all the checkboxes that are selected/checked for that class (so other checkboxes on the page are ignored).

So HTML code like this:

<input type="checkbox" class="group1" value="18" checked="checked" />
<input type="checkbox" class="group1" value="20" />
<input type="checkbox" class="group1" value="15" />
<input type="checkbox" class="group2" value="14" />
<input type="checkbox" class="group1" value="55" checked="checked" />
<input type="checkbox" class="group1" value="10" checked="checked" />
<input type="checkbox" class="group2" value="77" checked="checked" />
<input type="checkbox" class="group1" value="11" />

将选中/选中的group1个复选框的值返回如下数组:

var values = [ 18, 55, 10 ];

推荐答案

您可以使用:checkbox和:checked伪 Select 器以及.class Select 器，这样您将确保获得正确的元素，只选中您指定的类的复选框.

然后，您可以轻松地使用Traversing/map方法来获得一个值数组:

var values = $('input:checkbox:checked.group1').map(function () {
  return this.value;
}).get(); // ["18", "55", "10"]

Jquery相关问答推荐

bootstrap - Select Select 器不能在下拉菜单中 Select

使用 JQuery 在 span 标签中用逗号分隔页面上的文本

通过 jQuery 提取 application/json 数据

在函数 jQuery 中更改语言

在jQuery中获取所有选定复选框值的最佳方法

如何访问 JSON 对象名称/值？

如何计算具有相同类的元素数量？

jquery获取帖子操作网址

字符串化(转换为 JSON)具有循环引用的 JavaScript 对象

判断元素是否为 div

jQuery中的Grep与过滤器？

使用 jQuery 从 AJAX 响应(json)构建表行

jQuery 不会从 AJAX 查询中解析我的 JSON

隐藏 div 但保留空白

.apply jQuery 函数是什么？

Bootstrap 4 文件输入

滚动 DIV 元素时如何防止页面滚动？

使用 jQuery 比较两个 Javascript 对象数组

jQuery 发送字符串作为 POST 参数

如何使用 jquery 更改元素类型

实用课程推荐

相关教程推荐