jquery学习笔记(我的向)

时间 2019-11-13

原文原文链接

代码jquery

<body>
   <form>
       你爱好的运动是？
       <input type="checkbox" id="CheckedAll" />全选/全不选<br/>
       <input type="checkbox" name="items" value="足球"/>足球
       <input type="checkbox" name="items" value="足球"/>足球
       <input type="checkbox" name="items" value="足球"/>足球
       <input type="checkbox" name="items" value="足球"/>足球
       <input type="button" id="send" value="提交"/>
   </form>
</body>this

$(function () {
   $('#CheckedAll').click(function () {
       if (this.checked) {
           $('[name=items]:checkbox').attr('checked', true);
       } else {
           $('[name=items]:checkbox').attr('checked', false);
       }
   })
})调试

大体就是这样,,问题在于调试的时候只能勾选第一次,,第二次勾选的时候checked属性改变,,复选框却没勾选,,orm

百度后结果是: jquery更新后将attr将不能更改相似复选框的状态属性,,input

解决办法: 将attr改成propit

$(function () {
   $('#CheckedAll').click(function () {
       if (this.checked) {
           $('[name=items]:checkbox').prop('checked', true);
       } else {
           $('[name=items]:checkbox').prop('checked', false);
       }
   })
})io