如何在jQuery中檢查多個複選框？

Question

我有一個在每一行的開始處有一個複選框的表格。每個複選框的ID爲#tablecheckbox。表格標題行有一個檢查圖標，應該檢查表格中的所有方塊。我如何使用jQuery來做到這一點？

Answer 1

這裏head_checkbox是頭球頂和人類的ID是所有的行復選框

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