首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用jQuery获取div中选中的复选框的列表

使用jQuery获取div中选中的复选框的列表
EN

Stack Overflow用户
提问于 2010-01-28 23:29:02
回答 8查看 498.7K关注 0票数 260

我想要获取在div中选择的具有特定id的复选框的名称列表。我如何使用jQuery做到这一点呢?

例如,对于这个div,我想获取数组“c_n_0”、"c_n_3“或字符串"c_n_0;c_n_3”。

<div id="checkboxes">
    <input id="chkbx_0" type="checkbox" name="c_n_0" checked="checked" />Option 1
    <input id="chkbx_1" type="checkbox" name="c_n_1" />Option 2
    <input id="chkbx_2" type="checkbox" name="c_n_2" />Option 3
    <input id="chkbx_3" type="checkbox" name="c_n_3" checked="checked" />Option 4
</div>
EN

回答 8

Stack Overflow用户

回答已采纳

发布于 2010-01-28 23:35:16

前面两个答案的组合:

var selected = [];
$('#checkboxes input:checked').each(function() {
    selected.push($(this).attr('name'));
});
票数 483
EN

Stack Overflow用户

发布于 2010-01-28 23:31:51

这样行吗?

var selected = [];
$('div#checkboxes input[type=checkbox]').each(function() {
   if ($(this).is(":checked")) {
       selected.push($(this).attr('name'));
   }
});
票数 61
EN

Stack Overflow用户

发布于 2010-01-28 23:34:24

$("#checkboxes").children("input:checked")

将为您提供元素本身的数组。如果您只是特别需要这些名称:

$("#checkboxes").children("input:checked").map(function() {
    return this.name;
});
票数 37
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2155622

复制
相关文章

相似问题

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