Jak mogę sprawdzić wiele pól wyboru w jQuery?

Question

Mam tabelę z polem wyboru na początku każdego wiersza. Każde pole wyboru ma identyfikator #tablecheckbox. Wiersz nagłówka tabeli ma ikonę wyboru, która powinna sprawdzić wszystkie pola w tabeli. Jak mogę to zrobić z jQuery?

Answer 1

Tutaj head_checkbox jest id najwyższej klasy nagłówka i osoba jest cały wiersz wyboru

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