jquery中checkbox全选失效的解决方法
2023-06-13 09:15:38 时间
如果你使用jQuery1.6,代码if($(elem).attr(“checked”)),将获得一个属性(attribute),它不改变该复选框被选中和选中。它只是用来存储默认或选中属性的初始值。为了保持向后兼容,.attr()方法从jQuery1.6.1+开始除了返回属性值外,还会更新property属性,因此booleanattribute(布尔属性)不需要通过.prop()来改变其值。推荐使用上述方法之一,来取得checked的值。
使用jQuery的attr方法获取和设置复选框的”checked”属性,发现第一次全选/取消全选有效,之后就无效了,但查看html源文件,复选框属性确实已经被更新了,就是页面中没有更新,正确的方法如下:
<scripttype="text/javascript"src="http://code.jquery.com/jquery-1.11.1.min.js"></script><scripttype="text/javascript">//<![CDATA[ $(function(){ $(".ckAll").click(function(){ $(".box-items").each(function(){ $(this).prop("checked",!!$(".box-all").prop("checked")); }); }); }); //]]></script> <div><labelclass="ckAll"><inputclass="box-all"type="checkbox"/><span>全选</span></label> <inputclass="box-items"type="checkbox"/> <inputclass="box-items"type="checkbox"/> <inputclass="box-items"type="checkbox"/> <inputclass="box-items"type="checkbox"/> <inputclass="box-items"type="checkbox"/> </div>
相关文章
- jQuery slideUp()和slideDown()方法
- 禁止JQuery中的load方法装载IE缓存中文件的方法
- jQuery选中select控件无法设置selected的解决方法
- jquery下动态显示jqGrid以及jqGrid的属性设置容易出现问题的解决方法
- jquery跨域访问问题解决方法(笔记)
- jQuery事件delegate()使用方法介绍
- jquery实现excel导出的方法
- JQuery常用方法和事件详细介绍
- 『jQuery』名称冲突使用noConflict方法解决
- 关于Jquery操作Cookie取值错误的解决方法
- 使用jQuery解决IE与FireFox下createElement方法的差异
- ff下JQuery无法监听input的keyup事件的解决方法
- JQuery中使用Ajax赋值给全局变量异常的解决方法
- jquery中对于批量deferred的处理方法
- JQuery中操作Css样式的方法
- jquery插件冲突(jquery.noconflict)解决方法分享
- JQuery中Ajax的Post提交在IE下中文乱码的解决方法
- Jquery$.getJSON在IE下的缓存问题解决方法
- JQuery的Ajax中Post方法传递中文出现乱码的解决方法
- jquery的attr方法禁用表单元素禁用输入内容
- jQuery对于显示和隐藏等常用状态的判断方法
- JQuery.get提交页面不跳转的解决方法
- jQuery动画出现连续触发、滞后反复执行的解决方法