使用jQuery1.10时复选框全选/取消全选的问题
2014-04-20 18:26
295 查看
今天在使用jQuery1.10实现网页复选框全选和取消全选时遇到了如下问题,
使用jQuery的attr方法获取和设置复选框的"checked"属性,发现第一次全选/取消全选有效,之后就无效了,但查看html源文件,复选框属性确实已经被更新了,就是UI没有更新,问题代码如下:
查询了之后,发现不能使用attr方法,应使用prop方法,参与http://www.3lian.com/edu/2014/03-28/137443.html
正确代码如下:
使用jQuery的attr方法获取和设置复选框的"checked"属性,发现第一次全选/取消全选有效,之后就无效了,但查看html源文件,复选框属性确实已经被更新了,就是UI没有更新,问题代码如下:
<script type="text/javascript"> $(function(){ $('input[level=1]').click(function(){ $(this).is(":checked")?inputs.attr("checked",true):inputs.attr("checked",false); }); }); </script>
查询了之后,发现不能使用attr方法,应使用prop方法,参与http://www.3lian.com/edu/2014/03-28/137443.html
正确代码如下:
<script type="text/javascript"> $(function(){ $('input[level=1]').click(function(){ $(this).is(":checked")?inputs.prop("checked",true):inputs.prop("checked",false); }); }); </script>
相关文章推荐
- 使用jQuery1.10时复选框全选/取消全选的问题
- bootstrap-datepicker时间插件和chosen.jquery下拉模糊搜索和bootbox.min弹出框以及jquery.tips提示框和js的全选与取消的使用
- Jquery中对checkbox的各种“全选”或者“取消”功能实现(特别注意1.6+的一定不能使用attr来取属性了!用prop!)
- 使用jQuery解决GridView全选问题
- jquery的attr和removeAttr实现checkbox全选和取消全选问题
- jquery全选/取消全选(反选)/单选操作以及获取值常见用法和错误-jquery prop()函数使用教程
- 关于jquery全选和取消全选遇到的只能选一次问题记录
- 使用jQuery实现checkbox全选/取消全选
- jQuery中实现全选功能时使用attr( )改变checked值只能生效一次的问题
- jquery代码实现点击全选和取消全选只执行一次的问题
- IE7中使用Jquery动态操作name问题
- Jquery Dialog DatePicker 控件使用问题
- Jquery练手 DEMO 全选 取消 反选 复选框 的实现
- chrome下使用jquery中的load函数无效问题
- Jquery 1.9.0 以上版本扩展$.browser无法使用的问题
- 使用jQuery插件qtip遇到的位置问题
- 解决jquery操作checkbox全选全不选无法勾选问题
- jquery使用canvas的问题
- jQuery--checkbox全选/取消全选
- js/jQuery使用过程中常见问题