欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-04-13 17:21:07
...
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等文本框为只读不可编辑的方法

以上就是使用js动态控制input框的只读属性的详细内容,更多请关注其它相关文章!