javascript - 获取切换类的长度

Question

这可能类似于获取课程的长度。但我没有得到切换类的实际输出。

所以这是场景：我有一个表，其中每一行都有一个复选框。如果选中了检查所有选项，则标记所有复选框。现在的问题是，我想在选中所有复选框时将标志传递为 true，而在仅选中某些复选框时将标志传递为 false。现在我使用切换功能。所以我不知道如何获得“未选中”复选框而不是“未选中选中”复选框的长度。（我使用 Div 的样式而不是复选框。）

这是jsfiddle

计算长度的脚本：

$("#cntCheck").click(function(){
    alert($('.isChecked').length);      //Counting Checked CheckBox(Working right).
});

$("#cntUncheck").click(function(){
    alert($('.checkBox isChecked').length); //Counting Unchecked CheckBox Except CheckAll checkbox(This is not working)
});

Answer 1

如果我正确理解了您的（非常令人困惑的）问题，那么您是在问如何计算具有该类但没有isChecked类的元素。如果是这样，您可以使用以下方法：checkBox.not()

$(".checkBox").not(".isChecked").length

或者，:not()选择器：

$(".checkBox:not(.isChecked)").length

关于你的造型：

“我使用 Div 的样式而不是复选框。”

我强烈建议不要这样做，因为不喜欢（或实际上无法）使用鼠标或其他指针设备的用户无法单击您的伪复选框。

Answer 2

看到这个小提琴 - http://jsfiddle.net/Yp56c/3/

$("#cntUncheck").click(function(){
    var notChecked = $('.checkBox').not('.isChecked').length;
    alert(notChecked); //This is working
});