当我使用jQuery单击“选择”按钮时，如何选中所有复选框

我有HTML页面，它有多个复选框，可以单独检查。 我有按钮select ，所以我想要做的是。 当我单击选择时，应选中所有复选框，然后取消选中。

HTML

       $(document).ready(function() { $('#selectAll').click(function(event) { //on click if(this.checked) { // check select status $('.btn-chk').each(function() { //loop through each checkbox this.checked = true; //select all checkboxes with class "checkbox1" }); }else{ $('.btn-chk').each(function() { //loop through each checkbox this.checked = false; //deselect all checkboxes with class "checkbox1" }); } }); });  
  产量 
 在图像中我有选择按钮。 我想要的是当我点击选择按钮时，应该选中所有复选框 







 
	
Answer 1
		      	
  #selectAll是一个按钮，它没有checked属性，但可以使用data属性来模拟它。 
 其次， .btn-chk也不是一个复选框，所以无法检查，你必须定位复选框 
 $(document).ready(function() { $('#selectAll').click(function(event) { var checked = !$(this).data('checked'); $('.btn-chk').next().prop('checked', checked); $(this).data('checked', checked); }); }); 
  小提琴 


Answer 2
		      	
 如果要切换复选框状态，可以这样做 
 var chkd = true; $('#selectAll').click(function(event) { $(":checkbox").prop("checked", chkd); chkd = !chkd; }); 
  小提琴 


Answer 3
		      	
 一个简单的方法如下： 
 $(function() { $('#selectAll').click(function() { $(':checkbox').prop('checked', !$(':checkbox').prop('checked')); }); }); 
  演示。 


Answer 4
		      	
 检查这个jsFiddle 
 $(document).ready(function() { $('#selectAll').click(function() { $(':checkbox').prop('checked', !$(':checkbox').prop('checked')); }); }); 
 您可以简单地使用它有关jQuery的更多信息，请访问w3schools-jquery 


Answer 5
		      	
 将您的jQuery代码更改为 
  $('#selectAll').click(function(event) { //on click if($('.hidden').prop('checked') == false) { // check select status $('.hidden').each(function() { //loop through each checkbox this.checked = true; //select all checkboxes with class "checkbox1" }); }else{ $('.hidden').each(function() { //loop through each checkbox this.checked = false; //deselect all checkboxes with class "checkbox1" }); } }); 
 当您单击button时，这将在已checked和unchecked的checkboxes之间切换。 


Answer 6
		      	
 在“点击”function里面“这个”是按钮，而不是一个复选框。 检查和按钮属性是否定义。  “$（’。btn-chk’）。每个” – 在每个元素上循环，类“.btn-chk”，在HTML中是按钮而不是复选框。 
 在您的上下文中，“＃selectAll”必须是一个复选框，并在您的复选框上放置“.btn-chk”类 


Answer 7
		      	
 试试这个- 
 var checked = true; $('#selectAll').click(function(event) { $('table tr').each(function( index ) { $(this).find('input[type="checkbox"]').prop(checked, true); }); checked = !checked; }); 


Answer 8
		      	
 你也可以使用':checkbox'选择器这样做。 
 $(document).ready(function () { $('#selectAll').on('click', function () { $(':checkbox').each(function () { $(this).click(); }); }); }); 


Answer 9
		      	
 这肯定会奏效。 
 $("#selectAll").click(function(){ var checked = !$(this).data('checked'); $('.btn-chk').prop('checked', checked); $(this).data('checked', checked); });