如何使用jQuery检查所有复选框?

16 浏览
0 Comments

如何使用jQuery检查所有复选框?

我对jQuery并不是很专业,但我尝试为我的应用程序创建了一个小脚本。我想要选中所有复选框,但它没有正确地工作。

首先,我尝试使用attr,然后尝试使用prop,但我做错了什么。

我先尝试了这个:

$("#checkAll").change(function(){
  if (! $('input:checkbox').is('checked')) {
      $('input:checkbox').attr('checked','checked');
  } else {
      $('input:checkbox').removeAttr('checked');
  }       
});

但这个没有起作用。

接下来:这个比上面的代码好用

$("#checkAll").change(function(){
  if (! $('input:checkbox').is('checked')) {
      $('input:checkbox').prop('checked',true);
  } else {
      $('input:checkbox').prop('checked', false);
  }       
});

这两个例子都不起作用。

JSFiddle:http://jsfiddle.net/hhZfu/4/

0