js控件设置只读属性和不可用属性

介绍js实现只读的几种方法:

设置控件只读的话,我们要先清楚哪些没有readOlny这个属性

我知道的checkbox和RadioButton没有readOlny这个属性,我上一篇已经介绍了如何设置checkbox的只读了。

今天我们只是了解通用的控件只读和不可用

document.getELementById(textId).disabled=true;
document.getElementById(textId).setAttribute("disabled", true); 
document.getElementById(textId).removeAttribute("disabled"); 

设置为false时:
document.getELementById(textId).disabled=false;
不能用setAttribute("disabled", false); 

document.getELementById(textId).readOnly=true;
document.getElementById(textId).setAttribute("readOnly", true); 

第一种input的值变成灰色,第二种input的值的颜色正常显示。

样式修改

document.getELementById(textId).className="";

补充说明:在控件设置了disabled=true时,js是获取不到此控件的值。

原文地址:https://www.cnblogs.com/WarBlog/p/4449361.html