使用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屬性
5　　 $('#areaSelect').attr("disabled",false);
　　$('#areaSelect').removeAttr("disabled");
　　$('#areaSelect').attr("disabled","");

 

 

獲取s:textfield，並設置其disabled屬性：

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