在jquery中选中一个master复选框，选中/取消选中复选框

我的列标题中有一个checkboc。 点击它，需要检查所有复选框，取消选中master复选框，所有这些都应该取消选中。 我google了很多，但我只得到这种东西的JavaScript代码。 但我想要纯粹的JQuery东西。我在这里粘贴我的代码。 现在点击master复选框，所有复选框都在检查但是master复选框本身有人可以用jquery代码帮助我。

这是我的标题复选框：

Onclick方法是

 function checkBoxChecked(){ try{ var checkboxes=document.getElementsByName("test"); for(i=0;i<document.getElementsByName("test").length;i++) { checkboxes[i].checked = "checked"; } } catch(e) { } document.getElementById("mastercheck").checked="checked"; return true; } 

Answer 1

HTML：

JQuery的：

 $(document).ready(function () { $("#ckbCheckAll").click(function () { $(".checkBoxClass").prop('checked', $(this).prop('checked')); }); }); 

现场演示

Answer 2

 $(document).ready(function() { $("#mastercheck").click(function() { var checkBoxes = $("input[name=test]"); checkBoxes.prop("checked", this.checked); }); }); 

Answer 3

尝试

 function checkBoxChecked() { $('input[name=test]').prop('checked', $('#mastercheck').is(':checked')) } 

Answer 4

checked属性应设置为true | false true | false

Answer 5

checkboxes [i] .checked = true;

如果这不起作用，您应该看看这个问题： 在dashcode中以编程方式更改复选框的状态

Answer 6

为什么不尝试这样的东西：

 $('.master-checkbox').click(function(){ var master_checkbox = $(this); $('input[type="checkbox"]').prop('checked', master_checkbox.prop('checked')); }); 

Answer 7

你可以尝试这样的事情：

 $('#mastercheck').on('change', function() { if ($(this).is(':checked')) { // Check all $('.childcheck').prop('checked', true); } else { // Uncheck all $('.childcheck').prop('checked', false); } }); 

Answer 8

   Check/Uncheck me  
  
  
  
  
  
 
 $(document).ready(function() { $('#ckbCheckAll').click(function(){ var isChecked = $('#ckbCheckAll').is(':checked'); if(isChecked) { $('.checkBoxClass').attr('checked', true); } else { $('.checkBoxClass').attr('checked', false); } }); });