js设置readonly只读属性值

发布时间:2021-01-21编辑:脚本学堂
有关js设置页面元素只读属性的方法,js设置文本框只读,一般就是操作readonly属性、disabled属性来实现,来看本文提供的例子吧。

如何用js代码控制文本框只读属性,例如禁用文本输入框的“输入状态”,将文本输入框的readonly属性设置为True就可以了。

在页面中可以这样:
 

<input name="txt_name" type="text" readonly="readonly" id="txt_Status" name="txt_name" style="width:150px;" />

但是,在JS中不能用txt_name.readonly="readonly"来设置该属性,js是区分大小写的,必须使用txt_name.readOnly=true来设置。

遇到这类问题时,可以考虑使得文本框的另一个属性来控制其状态,它就是disabled,这个属性也是限制用户修改文框的内容,只是这个属性设置为"disabled"后,C#的后台代码就无法获得这个控件的内容了。

javascript设置对象的readonly属性

错误写法:
 

var x=document.createElement("input");
x.type="text";
x.value="ttttt";
x.id="xy";
x.readonly="readonly";

注意,以上创建的对象并不是只读的。

正确写法:
 

var x=document.createElement("input");
x.type="text";
x.value="ttttt";
x.id="xy";
x.readOnly=true;

如此,input文本框只读就设置好了。

你看出其中的区别了吗?注意代码的最后一句,x.readonly="readonly";与x.readOnly=true;。