Jquery复选框检查所有

前端之家收集整理的这篇文章主要介绍了Jquery复选框检查所有前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我不是专家的jQuery,但我已经尝试为我的应用程序创建一个小脚本。我想检查所有复选框,但它不能正常工作。

首先我尝试使用attr,然后我尝试与道具,但我做错了。

我试过这个第一:

$("#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/

谢谢

解决方法

您需要使用 .prop()来设置选中的属性
$("#checkAll").click(function(){
    $('input:checkBox').not(this).prop('checked',this.checked);
});

演示:Fiddle

猜你在找的jQuery相关文章