0

我有一个 HTML 表(使用 ASP:Repeater 控件生成)。我在表中有 2 个复选框列。这两列的标题中都有一个全选复选框。因此,当我们选中 Select All 时,应选中相应列中的所有复选框(很常见的东西。所以我已经处理了)。现在的问题是,当我选中/取消选中 column_1XRow_1 中的复选框时,column_2XRow_1 中的复选框应该启用并选中/禁用和取消选中。

`

$(document).ready(function() {
    var $ResubAllChkBx = $('.ResubAll :checkbox');
    var $ResubItmChkBx = $('.ResubItm :checkbox');
    var $LLLCAllChkBx = $('.LLLCAll :checkbox');
    var $LLLCItmChkBx = $('.LLLCItm :checkbox');

    $ResubAllChkBx.change(function() {
        Chk_UnChkResubAll();
    });

    function Chk_UnChkResubAll() {
        if ($ResubAllChkBx.is(':checked')) {
            $ResubItmChkBx.filter(function() { return !this.disabled; }).attr('checked', 'checked');//check only when enabled
        }
        else {
            $ResubItmChkBx.filter(function() { return !this.disabled; }).removeAttr('checked');//check only when enabled
        }
    }
});`

所以基本上 Re sub 是 Col1 & LLLC 是 Col2。

我用纯 JS 代码完成了所有这些工作,但由于页面上的负载,我开始看到 JS 错误“此页面上的脚本......”

如何绕过 col1 和 col2 中的选中/未选中复选框?请帮忙。我需要 jQuery 中的代码。

谢谢博比

4

1 回答 1

0

将以下脚本添加到您的 jquery 代码中...

$('.ResubItm :checkbox').on('change', function(){    
    if($(this).is(':checked'))
        $(this).siblings('[type=checkbox]').each(function(){
            $(this).attr('checked','checked');
        })
    else
        $(this).siblings('[type=checkbox]').each(function(){
            $(this).attr('checked','');
        })
});


$('.LLLCItm :checkbox').on('change', function(){
    if($(this).is(':checked'))
        $(this).siblings('[type=checkbox]').each(function(){
            $(this).attr('checked','checked');
        })
    else
        $(this).siblings('[type=checkbox]').each(function(){
            $(this).attr('checked','');
        })
});
于 2012-04-11T21:25:06.207 回答