Checkbox點選多次失效原因,源於Jquery中.attr和.prop的區別

龐順龍發表於2019-05-11

Checkbox點選多次失效原因,源於Jquery中.attr和.prop的區別

有時候做全選、勾選的時候會發現.attr("checked",true)失效了,替換成.prop即可,那麼來簡單分析下原因吧:


  1. 對於HTML元素本身就帶有的固有屬性,在處理時,使用prop方法。
  2. 對於HTML元素我們自己自定義的DOM屬性,在處理時,使用attr方法。
下面舉個例子:



效果:


由上面例子發現,在高版本的jquery下.attr操作dom屬性會出現錯誤

下面使用.prop來試試:


效果如下:


內容均為作者獨立觀點,不代表八零IT人立場,如涉及侵權,請及時告知。

相關文章