Wie kann ich mehrere Kontrollkästchen in jQuery aktivieren?

Question

Ich habe eine Tabelle mit einem Kontrollkästchen am Anfang jeder Zeile. Jedes Kontrollkästchen hat die ID #tablecheckbox. Die Tabellenkopfzeile hat ein Prüfsymbol, das alle in der Tabelle eingerahmten Elemente überprüfen soll. Wie kann ich das mit jQuery machen?

Answer 1

Hier head_checkbox ist id von Top-Header und Person Klasse alle Zeile Checkbox

$('#head_checkbox').on('change', function() { 
      if ($(this).is(':checked')) { 
       $('.person').attr('checked', true); 
      } else { 
       $('.person').attr('checked', false); 
      } 
     }); 

     $('.person').click(function() { 
      var total_length = $('.person').length; 
      var total_checked_length = $('.person:checked').length; 

      if (total_length == total_checked_length) { 
       $('#head_checkbox').attr('checked', true); 
      } else { 
       $('#head_checkbox').attr('checked', false); 
      } 
     }); 

Answer 2

 $('#head_checkbox').click(function() { 
      if ($(this).is(':checked')) { 
       $('.person').attr('checked', true); 
      } else { 
       $('.person').attr('checked', false); 
      } 
     }); 


     $('.person').click(function() { 
      if ($('.person').length == $('.person:checked').length) { 
       $('#head_checkbox').attr('checked', true); 
      } else { 
       $('#head_checkbox').attr('checked', false); 
      } 
     });