使用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); }