2013-05-07 35 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 
});