手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery中checkbox全选失效的解决方法
jquery中checkbox全选失效的解决方法
摘要:如果你使用jQuery1.6,代码if($(elem).attr(“checked”)),将获得一个属性(attribute),它不改变该复...

如果你使用jQuery 1.6 ,代码if ( $(elem).attr(“checked”) ),将获得一个属性(attribute) ,它不改变该复选框被选中和选中。它只是用来存储默认或选中属性的初始值。为了保持向后兼容,.attr() 方法从 jQuery 1.6.1+ 开始除了返回属性值外,还会更新 property 属性,因此 boolean attribute(布尔属性)不需要通过 .prop() 来改变其值。推荐使用上述方法之一,来取得 checked 的值。

使用jQuery的attr方法获取和设置复选框的”checked”属性,发现第一次全选/取消全选有效,之后就无效了,但查看html源文件,复选框属性确实已经被更新了,就是页面中没有更新,正确的方法如下:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script><script type="text/javascript">// <![CDATA[ $(function(){ $('.ckAll').click(function(){ $(".box-items").each(function(){ $(this).prop("checked",!!$(".box-all").prop("checked")); }); }); }); // ]]></script> <div><label><input type="checkbox" /><span>全选</span></label> <input type="checkbox" /> <input type="checkbox" /> <input type="checkbox" /> <input type="checkbox" /> <input type="checkbox" /> </div>

【jquery中checkbox全选失效的解决方法】相关文章:

Jquery动态添加输入框的方法

jquery判断至少有一个checkbox被选中的方法

判断Checkbox和Radio的一种方法

jQuery实现首页图片淡入淡出效果的方法

Jquery中基本选择器用法实例详解

jQuery实现html表格动态添加新行的方法

iscroll.js的上拉下拉刷新时无法回弹的解决方法

jQuery实现延迟跳转的方法

jQuery判断一个元素是否可见的方法

png在IE6 下无法透明的解决方法汇总

精品推荐
分类导航