2013-05-07 72 views
0

这可能类似于获得一个班级的长度。但是我没有得到切换类的实际输出。获取切换类别的长度

所以这里是场景:我有一个表格,每行都有一个复选框。如果勾选全部选项,则所有复选框都被标记。现在的问题是,当所有复选框被选中时,我希望将flag传递为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) 
}); 
+0

您的的jsfiddle例如没有复选框。 – 2013-05-07 12:11:09

+0

您缺少类选择器的'.'。 – undefined 2013-05-07 12:11:30

回答

3

如果我正确理解你的(非常混乱)的问题,你问如何计算该元素都具有checkBox类,但isChecked class。如果是这样,你可以使用.not() method

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

或者,:not() selector

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

关于你的造型:

“我使用DIV的为造型,而不是复选框。 “

我会强烈建议这样做,因为用户谁不喜欢(或物理无法)使用鼠标或其他指针设备无法点击您的伪复选框。

+0

感谢您的代码正在工作。非常感谢你的建议。我会修改我的代码。你的第一个代码正在工作。这是解决的jsfiddle:http://jsfiddle.net/Yp56c/2/ – Dhwani 2013-05-07 12:19:00

0

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

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