Question

我有一个HTML表格（使用ASP：Repeater控件生成）。我在表格中有2个复选框列。两个列都在标题中选中“全选”复选框。因此，当我们检查Select All时，应该检查相应列中的所有复选框（非常常见的东西。所以我已经处理过了）。现在的问题是，当我选中/取消选中column_1XRow_1中的复选框时，应该启用column_2XRow_1中的复选框。检查/禁用＆amp;未选中状态。

`

$(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＆amp; LLLC是Col2。

我在普通JS代码中完成了所有这些工作，但是由于页面上的负载，我开始看到JS错误“此页面上的脚本......”

如何在col1＆amp;中检查/取消选中复选框？ COL2？请帮忙。我需要jQuery中的代码。

由于伯比

Answer 1

将以下脚本添加到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','');
        })
});

表中多列复选框上的jquery问题

1 个答案: