使用js动态控制input框的只读属性

来源：懂视网责编：小采时间：2020-11-27 20:23:55

使用js动态控制input框的只读属性

使用js动态控制input框的只读属性:input 框的只读属性： readonly在页面中直接添加为只读时，可在input中直接添加 readonly="readonly"，但是如果想通过点击按钮来改变的话，需要通过js（或jquery）来实现。最近一次使用这个，终于发现了以前写这个js控制的时候为什么总是那么郁闷

推荐度：

点击下载本文 文档为doc格式

导读使用js动态控制input框的只读属性:input 框的只读属性： readonly在页面中直接添加为只读时，可在input中直接添加 readonly="readonly"，但是如果想通过点击按钮来改变的话，需要通过js（或jquery）来实现。最近一次使用这个，终于发现了以前写这个js控制的时候为什么总是那么郁闷

input 框的只读属性： readonly

在页面中直接添加为只读时，可在input中直接添加 readonly="readonly"，但是如果想通过点击按钮来改变的话，需要通过js（或jquery）来实现。

最近一次使用这个，终于发现了以前写这个js控制的时候为什么总是那么郁闷了，原来，js 在对于readonly、disabled等属性设置时，有一个小bug（至少我是这么认为）：首先，document.getElementById("id").readonly = "true"; 设置input为只读，但是，当通过document.getElementById("id").readonly="false" 来去掉只读属性时，没有作用，此时，需要把 false 外面的引号给去掉js语句才能正常工作。

附：

1. jquery 通过id属性设置与取消只读属性

设置只读：$("#id").attr("readOnly","true");

取消只读：$("#id").attr("readOnly",false);

2. jquery 批量设置与取消只读属性

/* id为sa的p中，所有input框 */

设置只读：$("#sa input").attr("readOnly","true");

取消只读：$("#sa input").attr("readOnly",false);

js设置input文本框只读

通过js设置所有form对象为只读

处理表单使input等文本框为只读不可编辑的方法