jquery Problem auf Kontrollkästchen in mehreren Spalten in der Tabelle

Question

Ich habe eine HTML-Tabelle (generiert mit ASP: Repeater-Steuerelement). Ich habe 2 Kontrollkästchen in der Tabelle. Beide Spalten haben ein Kontrollkästchen Alle auswählen in der Kopfzeile. Wenn wir also "Alle auswählen" aktivieren, sollten alle Kontrollkästchen in den entsprechenden Spalten aktiviert sein (ziemlich übliche Sachen. Also habe ich das gehandhabt). Nun, wenn ich ein Kontrollkästchen in spalte_1XRow_1 ankreuze/deaktiviere, sollte das Kontrollkästchen in der Spalte_2XRow_1 aktiviert sein. & checked/disabled & nicht markiert.

`

$(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 
     } 
    } 
});` 

So im Wesentlichen Re Unter Col1 & LLLC ist Col2 ist.

Ich habe all dieses Zeug in einfachen JS-Code, sondern aufgrund der Belastung auf der Seite, beginne ich die JS-Fehler sehen, „auf dieser Seite ein Skript ......“

Wie kann ich spielen um die Check/ungeprüften Kontrollkästchen in col1 & col2? Bitte helfen Sie. Ich brauche den Code in jQuery.

Dank Bobbie

Answer 1

das folgende Skript auf Ihre jQuery-Code hinzufügen ...

$('.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',''); 
     }) 
});