今天在使用jQuery1.10实现网页复选框全选和取消全选时遇到了如下问题,
使用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>