如何获取已检查的 <input type="checkbox" /> 值？答案

【问题标题】：How to get values of <input type="checkbox" /> that are checked?如何获取已检查的 <input type="checkbox" /> 值？
【发布时间】：2010-12-20 21:11:46
【问题描述】：

页面中有多个<input type="checkbox" value="..." />。

我需要获取每个被选中的<input> 以执行某些操作。

我正在使用 jQuery。

【问题讨论】：

标签： javascript jquery input checkbox

【解决方案1】：

$("input[type=checkbox]:checked").each ( function() {
   alert ( $(this).val() );
});

或者你可以使用

$("input:checkbox")

选择器

如果所有复选框都在一个容器内，那么您可以使用缩小选择器

$("#containerID input[type=checkbox]:checked" )

【讨论】：

请注意，从 jQuery 1.9+ 开始，$(this).va() 对于值属性是不可靠的，您应该改用$(this).prop("value")。或$(this).is(":checked");
这里如何获取具有 class="ig" 的复选框？
$('select').each(function () { //do something });这里如何获取所有选择具有 class=ip

【解决方案2】：

你也可以试试这个：

$(":checkbox :checked").each(function(){
  alert( $(this).val() );
});

【讨论】：

来自 jQuery 文档； $(':checkbox') 等价于 $('*:checkbox') ，它是一个慢速选择器。建议使用 $('input:checkbox')。
您的选择器错误。它选择所有选中的元素inside 复选框……这是……不可能。