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

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。