jquery如何获取input readOnly属性

发布时间:2020-02-13编辑:脚本学堂
本文介绍了jquery获取input中readOnly属性的方法,这样写$(“#input”).readonly取这个属性时,总是undefined,后来一想,难道html中的属性only没有大写,是不是javascript需要将O大写,有需要的朋友参考下。

jquery中取input的readonly属性时,发现:$(“#input”).readonly取这个属性时,总是undefined,难道html中的属性only没有大写,是不是javascript需要将O大写,
修改之后$(“#input”).readOnly,就能取到值。
Javascript: 为<input>设置readOnly属性

使用javascript 动态设置textbox的readonly,发现 readonly 属性为:
readOnly=true。

注意,javascript 的大小写。

在开发中准备通过javascript设置input框只读属性的时候,用document.getElementByIdx_x('input').readonly='readonly';结果发现这样设置无效.

于是试着disable的属性,用同样的方法设置是有效的。
document.getElementByIdx_x('input').disabled=disabled;,因为在dreamweaver中输入框这两个属性都是这样设置的,而且readonly只要存在于input框就有效,当然输入readonly时用代码提示自动完成后的结果是readonly="readonly",而disabled却是disabled="disabled"。

后来就用复选框一样的方法设置只读属性就可以了,例如:
document.getElementByIdx_x('input').readOnly= true;(注意中间那个O是大写的,不然就无效了)

input只读属性有两种方式可以实现input的只读效果:disabled 和 readonly。
自然两种出来的效果都是只能读取不能编辑,可是两者有很大不同。
Disabled说明该input无效,及其value不会传递给任何程序,比如asp、php等。
Readonly仅仅是无法编辑,不影响其值的传递。
Disabled使用:<INPUT type=”text” name=”username”value=”james”disabled>
Readonly使用:<INPUT type=”text” name=”partNumber”value=”1500″ readonly>

例子:
 

复制代码 代码示例:
<input id="RaOne" type="radio" value="1" name="exce">
<input type=button value="Disabled"onclick="RaOneonClick()">
<script>
function RaOneonClick(){
if(RaOne.disabled)
RaOne.disabled=false;
else
RaOne.disabled=true;
}
</script>