Question

如何选中是否选中了class="abc"的所有复选框？

每次检查或取消选中其中一个时，我都需要检查它。我是单击还是更改？

Answer 1

我认为最简单的方法是检查这种情况：

$('.abc:checked').length == $('.abc').length

每次选中新复选框时都可以执行此操作：

$(".abc").change(function(){
    if ($('.abc:checked').length == $('.abc').length) {
       //do something
    }
});

Answer 2

$('input.abc').not(':checked').length > 0

Answer 3

您可以使用change()

$("input[type='checkbox'].abc").change(function(){
    var a = $("input[type='checkbox'].abc");
    if(a.length == a.filter(":checked").length){
        alert('all checked');
    }
});

所有这一切都将验证.abc复选框的总数是否与.abc:checked的总数相匹配。

jsfiddle上的代码示例。

Answer 4

$('.abc[checked!=true]').length == 0

Answer 5

问题的第1部分：

var allChecked = true;
$("input.abc").each(function(index, element){
  if(!element.checked){
    allChecked = false;
    return false;
  } 
});

编辑：

上面的答案（http://stackoverflow.com/questions/5541387/check-if-all-checkboxes-are-selected/5541480#5541480）可能更好。

Answer 6

搜索条件是以下之一：

input[type=checkbox].MyClass:not(:checked)
input[type=checkbox].MyClass:checked

您可能想要连接到更改事件。

Answer 7

独立于课程的解决方案

var checkBox = 'input[type="checkbox"]';
if ($(checkBox+':checked').length == $(checkBox).length) {
   //Do Something
}

Answer 8

这是我在代码中实现的方法：

if($('.citiescheckbox:checked').length == $('.citiescheckbox').length){
    $('.citycontainer').hide();
}else{
    $('.citycontainer').show();
}

Answer 9

或者，您也可以使用every（）：

// Cache DOM Lookup
var abc = $(".abc");

// On Click
abc.on("click",function(){

    // Check if all items in list are selected
    if(abc.toArray().every(areSelected)){
        //do something
    }

    function areSelected(element, index, array){
        return array[index].checked;
    }
});

检查是否已选中所有复选框

9 个答案: