Checkbox點選多次失效原因,源於Jquery中.attr和.prop的區別
Checkbox點選多次失效原因,源於Jquery中.attr和.prop的區別
有時候做全選、勾選的時候會發現.attr("checked",true)失效了,替換成.prop即可,那麼來簡單分析下原因吧:
- 對於HTML元素本身就帶有的固有屬性,在處理時,使用prop方法。
- 對於HTML元素我們自己自定義的DOM屬性,在處理時,使用attr方法。
效果:
由上面例子發現,在高版本的jquery下.attr操作dom屬性會出現錯誤
下面使用.prop來試試:
效果如下:
內容均為作者獨立觀點,不代表八零IT人立場,如涉及侵權,請及時告知。
相關文章
- jquery中prop和attr的區別jQuery
- Jquery中attr和prop的區別jQuery
- jquery prop和attr的區別jQuery
- jquery中attr和prop的區別+jquery實現全選全不選jQuery
- attr()和prop()處理checkbox核取方塊選中和不選中的區別
- jQuery實戰之 attr() 和 prop() 的區別jQuery
- 淺談jquery中prop()和attr()jQuery
- prop()方法和attr()方法的區別
- prop()與attr()區別
- Jquery中.attr()和.data()的區別jQuery
- jQuery的attr與propjQuery
- jquery中dom元素的attr和prop方法的理解jQuery
- prop()函式和attr()函式的區別函式
- jQuery中css()和attr()方法的區別jQueryCSS
- jQuery的prop和attr方法比較jQuery
- Difference between prop and attr in different version of jqueryjQuery
- getAttribute()和attr()一點區別
- jQuery之使用jQuery.fn.prop()替換jQuery.fn.attr()jQuery
- Android中 @和?區別以及?attr/**與@style/**等的區別Android
- jquery 設定checkbox選中 和獲取選中值jQuery
- 關於jQuery radio 選中失效的問題jQuery
- jquery和bootstrap獲取checkbox選中的多行資料jQueryboot
- jquery獲取checkbox是否選中jQuery
- jQuery核取方塊checkbox的全選和反選jQuery
- jQuery attr()jQuery
- jquery中dom節點操作方法empty和remove的區別jQueryREM
- getAttribute() 與 attr() 的區別
- 基於 Bootstrap 和 jQuery 的 checkbox 的應用bootjQuery
- JQuery中html()和val()的用法區別jQueryHTML
- JQuery this和$(this)的區別jQuery
- jquery $(this) 和this的區別jQuery
- jQuery prop()jQuery
- jQuery無法設定checkbox核取方塊選中原因解析jQuery
- jquery獲取所有選中的checkbox與單個選中的radiojQuery
- jquery獲取選中checkbox核取方塊的值jQuery
- jQuery獲取選中的checkbox核取方塊的值jQuery
- XML和HTML的主要區別、 jQuery 能做什麼?JavaScript中的“=、==、===”區別?XMLHTMLjQueryJavaScript
- 對於java中的"\"和"/" 區別Java