2013-08-16 32 views
5

Her satırın başında bir onay kutusu bulunan bir tablom var. Her Checkbox'ta #tablecheckbox kimliği bulunur. Tablo başlığı satırında, tablodaki tüm kutucukları işaretlemesi gereken bir onay simgesi vardır. Bunu jQuery ile nasıl yapabilirim? İştejQuery'de birden çok onay kutusunu nasıl işaretleyebilirim?

+0

olduğunu? –

+5

^^ ve ID'lerin benzersiz olması gerekir. – dc5

+0

senin kimlikleri bir sınıf olun, ardından bu bağlantıyı takip edin: http://stackoverflow.com/questions/426258/how-do-i-check-a-checkbox-with-jquery-or-javascript?rq=1 – bfavaretto

cevap

3

head_checkbox üst başlığı ve kişi sınıfının kimliği denediniz Ne tüm satır onay kutusu

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

yayın, 1,7 on() yerine kullanıldığından beri kullanımdan kaldırıldı – DGS

1
 $('#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); 
      } 
     }); 
İlgili konular