我有一個複選框列在我的網格中,並在檢查主複選框或標題複選框時,所有複選框都會被檢查並且類似地可用於未選中情景。但我希望當所有複選框被選中時,標題複選框應該會自動檢查,當其中一個未選中時,標題複選框應該取消選中2 ....需要的是一個javascript或jquery函數... 。請幫助....複選框在所有子複選框被選中時被選中,並且在未選中其中一個複選框時被取消選中
回答
你好希望這有助於工作的示例:(我認爲這是你在找什麼 - 顯然,你需要作出改變,以適合您的具體要求)
代碼解決方案&鏈接:
如果您有任何代碼,請做出的jsfiddle,我們可以幫你釘下來。
乾杯,
下面假設你在表中有一個TBODY和 「檢查所有」 ID = 「main_check」,而不是在TBODY
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);
});
以上代碼中的main_checked是什麼? – user1268906 2012-03-14 13:52:20
它是一個布爾值傳遞給prop()方法http://api.jquery.com/prop/ – charlietfl 2012-03-14 13:53:47
當你寫var var thisCheckd = this.checked,main_checked ....但是,我們必須分配一些值給main_checked下面...我的代碼semmes罰款..bt它不工作在我的情況下... :( – user1268906 2012-03-15 05:27:47
普萊斯提供一些樣品jsfiddle上的html標記 – 2012-03-14 12:11:44