获取切换类的长度

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

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

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

或者，:not() selector：

$(".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
});