js设置控件readonly与enabled属性的方法解析

发布时间:2019-12-09编辑:脚本学堂
本文介绍下,使用js代码设置控件的readonly与enabled属性的方法,学习下js设置readonly、js设置enabled属性的方法,有需要的朋友作个参考吧。

一,如何用js设置控件的readonly与enabled属性? 

尝试以下的办法,不可行:
 

复制代码 代码示例:
text1为<input type=text  id=text1>  
text1.readonly=true;  
和  
text1.enabled=true;  

正确的写法,如下:
 

复制代码 代码示例:

disabled=flase;     //小写
readOnly=true;     //大写

js的readOnly操作要区分大小写
obj.readOnly = false;
obj.readOnly = true;

obj.readonly 得到的是undefined

二,JS设置readOnly值的方法分析
在网页中有时需要控制文本输入框的“输入状态”,一些关键属性是不能修改的,时此就需要将文本输入框的readonly属性设置为False。

在网页中使用:
 

复制代码 代码示例:
<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"后,后台代码无法取得该控件的值,这点需注意下。