jQuery .attr() vs .prop()
參考自:https://cythilya.github.io/2017/09/10/jquery-attr-vs-prop/
<input type="checkbox" class="checkbox-1" checked="true" /> <input type="checkbox" class="checkbox-2" /> <input type="checkbox" class="checkbox-3" checked="false" />
$('.checkbox-1').prop('checked'); //true $('.checkbox-1').attr('checked'); //checked $('.checkbox-2').prop('checked'); //false $('.checkbox-2').attr('checked'); //undefined $('.checkbox-3').prop('checked'); //true $('.checkbox-3').attr('checked'); //checked
<input type="checkbox" class="checkbox-3" />
$('.checkbox-3').attr('checked', 'checked'); $('.checkbox-1').prop('checked', true)
** 由於 attribute 只要有設定 HTML 特性 checked,不論等號後面的值是什麼,甚至不帶值,皆會得到 checked,意即只要設定特性名稱即可。若要取消勾選則要使用 .removeAttr() 移除該特性。.prop() 仍是使用布林值設定勾選與否。
<input type="checkbox" class="checkbox-1" checked="false" /> <!-- 雖然設定checked為false, 仍然會check-->
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步