今天在使用jQuery1.10實現網頁複選框全選和取消全選時遇到了以下問題,javascript
使用jQuery的attr方法獲取和設置複選框的"checked"屬性,發現第一次全選/取消全選有效,以後就無效了,但查看html源文件,複選框屬性確實已經被更新了,就是UI沒有更新,問題代碼以下:html
<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.htmljava
正確代碼以下:this
<script type="text/javascript"> $(function(){ $('input[level=1]').click(function(){ $(this).is(":checked")?inputs.prop("checked",true):inputs.prop("checked",false); }); }); </script>