获得切换类的长度

时间:2013-05-07 12:09:14

标签: javascript jquery toggleclass

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

所以这是场景:我有一张表,其中每行都有一个复选框。如果选中了all all选项,则会标记所有复选框。现在的问题是,我想在选中所有复选框时将flag传递为true,而在仅选中某些复选框时将其传递为false。现在我使用切换功能。所以我不知道自己如何得到“未经检查”的长度。复选框而非未选中已选中'复选框。(我使用Div' s来代替复选框。)

以下是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)
});

2 个答案:

答案 0 :(得分:3)

如果我理解你的(非常令人困惑)问题,你就会问如何计算checkBox类的元素,但不要拥有 isChecked 类。如果是这样,您可以使用.not() method

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

或者,:not() selector

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

关于你的造型:

  

“我使用Div来代替样式而不是复选框。”

我强烈建议反对执行此操作,因为不喜欢(或实际上无法使用)鼠标或其他指针设备的用户无法单击您的伪复选框。< / p>

答案 1 :(得分:0)

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

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