【问题标题】:Checkbox in header to be checked when all child checkboxes are checked and unchecked when even one of them is unchecked当所有子复选框都被选中时,标题中的复选框被选中,即使其中一个未被选中时也被取消选中
【发布时间】:2012-03-14 12:05:06
【问题描述】:

我的网格中有一个复选框列,在选中主复选框或标题复选框时,所有复选框都会被选中,同样适用于未选中的场景。但我希望当所有复选框都被选中时,标题复选框应该自动被选中,当其中一个未选中标题复选框应未选中 2....需要的是 javascript 或 jquery 函数....请帮助....

【问题讨论】:

  • 请在 jsfiddle 上提供一些示例 html 标记

标签: javascript jquery


【解决方案1】:

您好,希望这对您有所帮助一个工作示例:(我认为这就是您正在寻找的 - 显然您需要进行更改以适应您的特定要求)

代码解决方案&链接:

http://jsfiddle.net/tjMCQ/

如果您有任何代码,请制作一个 jsfiddle,我们可以帮助您确定。

干杯,

【讨论】:

    【解决方案2】:

    以下假设您在表中有一个 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);
    });
    

    【讨论】:

    • 当你写 var thisCheckd=this.checked,main_checked....但是我们是否必须在下面为 main_checked 分配一些值...你的代码看起来很好..bt 它在我的情况下不起作用...:(
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-12-20
    • 2023-04-02
    • 1970-01-01
    • 1970-01-01
    • 2023-03-17
    • 2020-12-05
    • 2018-08-05
    相关资源
    最近更新 更多