2012-03-14 176 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

相关问题