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中prop()和attr()jQuery
- jQuery的prop和attr方法比較jQuery
- jQuery中css()和attr()方法的區別jQueryCSS
- prop 和 attr 中的一些羞羞的事情
- jquery和bootstrap獲取checkbox選中的多行資料jQueryboot
- jQuery核取方塊checkbox的全選和反選jQuery
- 基於 Bootstrap 和 jQuery 的 checkbox 的應用bootjQuery
- getAttribute() 與 attr() 的區別
- 如何擴大CheckBox點選區域
- jquery $(this) 和this的區別jQuery
- JQuery this和$(this)的區別jQuery
- jquery中dom節點操作方法empty和remove的區別jQueryREM
- JQuery中html()和val()的用法區別jQueryHTML
- jQuery操作checkbox選擇程式碼jQuery
- jquery幾種用來檢查checkbox是否選中的方法jQuery
- 關於JQuery操作checkbox問題jQuery
- XML和HTML的主要區別、 jQuery 能做什麼?JavaScript中的“=、==、===”區別?XMLHTMLjQueryJavaScript
- jQuery的html()和text()區別jQueryHTML
- jquery中append、prepend, before和after方法的區別jQueryAPP
- 點選文字選中或取消選中checkbox核取方塊
- jQuery的AJAX請求中contentType和dataType的區別jQuery
- jQuery Validate checkbox和radio驗證jQuery
- 使用jquery和使用框架的區別jQuery框架
- 關於jQuery中的選擇器jQuery
- pyautogui點選失效GUI
- jquery中$.get()提交和$.post()提交有區別嗎?jQuery
- jquery中點選切換的實現jQuery
- jQuery的radio,checkbox,select操作jQuery
- jQuery中onload與ready區別jQuery
- window.onload()函式和jQuery中的document.ready()區別函式jQuery
- Ajax,jQuery ajax,axios和fetch介紹、區別以及優缺點jQueryiOS
- jquery Promise和ES6 Promise的區別jQueryPromise
- docment.getelementbyid 和jquery裡的$(#'id')區別jQuery
- axios,Ajax,jQuery ajax,axios和fetch的區別iOSjQuery