Làm cách nào tôi có thể kiểm tra nhiều hộp kiểm trong jQuery?

Question

Tôi có một bảng có hộp kiểm ở đầu mỗi hàng. Mỗi hộp kiểm có ID của #tablecheckbox. Hàng tiêu đề bảng có biểu tượng dấu kiểm sẽ kiểm tra tất cả được đóng hộp trong bảng. Làm thế nào tôi có thể làm điều này với jQuery?

Answer 1

Đây head_checkbox là id của tiêu đề trên và lớp người là tất cả hàng hộp kiểm

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