jquery取<input>的readOnly属性，O要大写

最新推荐文章于 2025-08-07 14:42:17 发布

最新推荐文章于 2025-08-07 14:42:17 发布 · 136 阅读

文章标签：

本文介绍如何在JavaScript中正确地设置HTML input元素的只读属性。详细解释了为什么使用小写的'readonly'不起作用，以及如何通过将'r'后的'o'字母大写来解决问题。此外还对比了'readonly'和'disabled'属性的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天在jquery中取input的readonly属性时，发现

我这样写$(“#input”).readonly取这个属性时，总是undefined，后来一想，难道html中的属性only没有大写，是不是javascript需要将O大写，

修改之后$(“#input”).readOnly，就能取到值，下面是后来我又搜到的一篇文章。

Javascript:为<input>设置readOnly属性

http://blog.sina.com.cn/s/blog_6a20127f0100n6k1.html

今天系统需要使用javascript 动态设置textbox的readonly ,

<wbr><br> 搞了半天一直没有搞定最后发现 readonly 属性应该是 readOnly=true .<br><p>javascript 的大小写要注意<br></p> <p><br></p> <p>今天在开发中准备通过javascript设置input框只读属性的时候,用document.getElementByIdx_x('input').readonly='readonly';结果发现这样设置无效.<br><br> 于是试着disable的属性,用同样的方法设置是有效的.document.getElementByIdx_x('input').disabled=disabled;于是感觉很奇怪.因为在dreamweaver中输入框这两个属性都是这样设置的.而且readonly只要存在于input框就有效,后来忽然发现,当然输入readonly时用代码提示自动完成后的结果是readonly="readonly" ,而disabled却是disabled="disabled".<br><br> 接着就想会不会是这个问题,后来就用复选框一样的方法设置只读属性就可以了.如:<br> document.getElementByIdx_x('input').readOnly= true;(注意中间那个O是大写的,不然就无效了)<br><br> input只读属性有两种方式可以实现input的只读效果：disabled 和 readonly。<br> 自然两种出来的效果都是只能读取不能编辑，可是两者有很大不同。<br> Disabled说明该input无效，及其value不会传递给任何程序，比如asp、php等。<br> Readonly仅仅是无法编辑，不影响其值的传递。<br> Disabled使用：<INPUT type=”text” name=”username”value=”james”disabled><br> Readonly使用：<INPUT type=”text” name=”partNumber”value=”1500″ readonly><br><br><br><br> <input id="RaOne" type="radio" value="1" name="exce"><br> <input type=button value="Disabled"onclick="RaOneonClick()"><br> <script><br> function RaOneonClick(){<br> if(RaOne.disabled)<br> RaOne.disabled=false;<br> else<br> RaOne.disabled=true;<br> }<br> </script></p> </wbr>