Question

我在这里搜索了可能的线程，并没有解决方案对我有用，有没有人知道这个小提琴是什么？ http://jsfiddle.net/9dLGD/ 感谢

 $(document).ready(function () {
     $(function () {
         $('#SelectAll').click(function () {
             $('#Suppliers').find(':checkbox').attr('checked', this.checked);
         });
     });
 });
<input name="SelectAll" type="checkbox">Select All
<input name="Suppliers" type="checkbox" value="1">Bob
<input name="Suppliers" type="checkbox" value="2">Bill
<input name="Suppliers" type="checkbox" value="3">Sandy
<input name="Suppliers" type="checkbox" value="4">Sue
<input name="Suppliers" type="checkbox" value="5">Fred

Answer 1

好像你想要这个：

$('input[name=SelectAll]').click(function () {
    $('input[name=Suppliers]').prop('checked', this.checked);
 });

HTML中没有名称为id或SelectAll的{{1}}。将这些ID添加到这两个复选框，或使用上面的代码按名称选择Suppliers元素。

<强> Updated Fiddle

Answer 2

一些事情：

- 你有两个DOM就绪函数

- 你没有ID为Suppliers的任何内容，你有一个name！

- 使用.prop()更改属性

$(document).ready(function() {
    $("[name=SelectAll").change(function() {
        $(":checkbox[name=Suppliers]").prop("checked", this.checked);
    });
});

演示：http://jsfiddle.net/9dLGD/1/

Answer 3

尝试以下方法：

 $(document).ready(function () {             
         $('#SelectAll').click(function () {
             $('input[name=Suppliers]:checkbox').attr('checked', true);
         });
 });

Answer 4

我喜欢Felix的答案，但我总是使用取消选中复选框的情况取消选中这些：

$(function(){
  $('input[name="SelectAll"]').click(function(){
    if ($(this).prop('checked')) $('input[name="Suppliers"]').prop('checked', true);
    else $('input[name="Suppliers"]').prop('checked', false);
  });
});

选中所有不起作用的复选框，包括jsfiddle

4 个答案: