2012-03-14 139 views
2

我有一個複選框列在我的網格中,並在檢查主複選框或標題複選框時,所有複選框都會被檢查並且類似地可用於未選中情景。但我希望當所有複選框被選中時,標題複選框應該會自動檢查,當其中一個未選中時,標題複選框應該取消選中2 ....需要的是一個javascript或jquery函數... 。請幫助....複選框在所有子複選框被選中時被選中,並且在未選中其中一個複選框時被取消選中

+0

普萊斯提供一些樣品jsfiddle上的html標記 – 2012-03-14 12:11:44

回答

2

你好希望這有助於工作的示例:(我認爲這是你在找什麼 - 顯然,你需要作出改變,以適合您的具體要求)

代碼解決方案&鏈接:

http://jsfiddle.net/tjMCQ/

如果您有任何代碼,請做出的jsfiddle,我們可以幫你釘下來。

乾杯,

0

下面假設你在表中有一個TBODY和 「檢查所有」 ID = 「main_check」,而不是在TBODY

演示http://jsfiddle.net/QH3AX/

var $main_check = $('#main_check'); 
/* cache all the row checkboxes*/ 
var $row_checks = $('tbody input:checkbox'); 

$row_checks.change(function() { 
    var thisChecked = this.checked, main_checked; 
    if (!thisChecked) { 
     main_checked = false; 
    } else { 
     main_checked = $row_checks.length == $row_checks.filter(':checked').length; 
    } 
    $main_check.prop('checked', main_checked); 
}); 
+0

以上代碼中的main_checked是什麼? – user1268906 2012-03-14 13:52:20

+0

它是一個布爾值傳遞給prop()方法http://api.jquery.com/prop/ – charlietfl 2012-03-14 13:53:47

+0

當你寫var var thisCheckd = this.checked,main_checked ....但是,我們必須分配一些值給main_checked下面...我的代碼semmes罰款..bt它不工作在我的情況下... :( – user1268906 2012-03-15 05:27:47