1. 程式人生 > >html的disabled屬性

html的disabled屬性

由於我操作在同一個dialog彈出層裡,每次彈出頁面都會通過ajax獲取資料,然後根據資料特性來判斷input的禁用或使用,由於使同一個頁面,html屬性會殘留在頁面上。之後網上的一些回答迷惑了我,讓我以為disabled="true"disabled="disabled"表示禁用,disabled="false" 表示可使用。其實瀏覽器只要發現元素中有diasbled屬性,不管屬性值是什麼,都會對元素進行禁用。

<input name="luck" type="text" placeholder="標題" disabled="true"/>

所以正確的對錶單的禁用屬性進行切換的做法是對屬性的刪除和新增。

//新增disabled屬性(jquery)
$('input[name=luck]').attr("disabled","disabled");
//刪除屬性,input可用
$('input[name=luck]').removeAttr("disabled");