使用jQuery設置disabled屬性與移除disabled屬性


Readonly只針對input和textarea有效,而disabled對於所有的表單元素都有效,下面為大家介紹下使用jQuery設置disabled屬性
 

表單中readOnly和disabled的區別:

Readonly只針對input(text/ password)和textarea有效,而disabled對於所有的表單元素都有效,包括select,radio, checkbox, button等。

但是表單元素在使用了disabled后,當我們將表單以POST或GET的方式提交的話,這個元素的值不會被傳遞出去,而readonly會將該值傳遞出去(這種情況出現在我們將某個表單中的textarea元素設置為disabled或readonly,但是submitbutton卻是可以使用的)。

js操作:

復制代碼代碼如下:
function disableElement(element,val){

 

document.getElementById(element).disabled=val;

}

jQuery進行操作:
復制代碼代碼如下:
//兩種方法設置disabled屬性 $('#areaSelect').attr("disabled",true); $('#areaSelect').attr("disabled","disabled");

 

//三種方法移除disabled屬性 $('#areaSelect').attr("disabled",false); $('#areaSelect').removeAttr("disabled"); $('#areaSelect').attr("disabled","");

獲取s:textfield,並設置其disabled屬性:
復制代碼代碼如下:
functiondisableTextfieldofAccountDiv(element,val) {

 

$(element).find(":textfield").attr('disabled',val); }


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM