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

Posted

技术标签:

【中文标题】在jQuery中获取所有选定复选框值的最佳方法[重复]【英文标题】:Best way to get all selected checkboxes VALUES in jQuery [duplicate] 【发布时间】:2013-11-14 23:20:32 【问题描述】:

我正在寻找通过 jQuery 选择的所有复选框的 VALUE。

【问题讨论】:

selected through jquery 是什么意思? 参考这篇文章:javascriptstutorial.com/blog/get-selected-checkbox-values 【参考方案1】:

您希望:checkbox:checked 选择器和map 创建一个值数组:

var checkedValues = $('input:checkbox:checked').map(function() 
    return this.value;
).get();

如果您的复选框有一个共享类,那么使用它会更快,例如。 $('.mycheckboxes:checked'),或通用名称$('input[name="Foo"]:checked')

- 更新-

如果您不需要 IE 支持,那么您现在可以使用箭头函数使 map() 调用更简洁:

var checkedValues = $('input:checkbox:checked').map((i, el) => el.value).get();

【讨论】:

像魅力一样工作,我更喜欢它作为逗号分隔的字符串...... .join(',') 做到了 我没有使用 .join(') 就得到了逗号分隔值。我正在使用 jQuery 1.10.2。感谢您为我节省了时间和多余的代码行,对我来说它工作得非常完美。 @vaso123 这是个人喜好,因为性能差异如此之小,但我不明白为 this 提供的属性创建 jQuery 对象的意义。 好吧,代码应该按照最好的标准编写,而不是最低标准,这样没有经验的开发人员可以理解它。

以上是关于在jQuery中获取所有选定复选框值的最佳方法[重复]的主要内容,如果未能解决你的问题,请参考以下文章

如何检查是不是所有兄弟姐妹(包括选定的)都用 jQuery 检查?

使用 jQuery 从复选框组中获取值只能工作一次

如何使用 jquery 遍历 HTML 页面的所有选定元素

使用 jquery 从没有 id 的复选框中获取选定复选框的值

LINQ:使用 Lambda 表达式获取 CheckBoxList 的所有选定值

如何使用jQuery获取所有选中复选框的值