js jquery控制input为只读

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的div中，所有input框 */

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

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

转载于:https://my.oschina.net/qinbao/blog/1537128

js jquery控制input为只读相关推荐

js jquery给input标签赋值、取值
js jquery给input标签赋值.取值 html代码赋值取值 html代码 <input type="text" id="name"/> ...
js控制input只读操作,jQuery控制input只读操作
1.js为<input>设置readOnly属性 <textarea name="content" id="content" cols=&qu ...
JavaScript,JS如何控制input输入字符限制
ENTER键可以让光标移到下一个输入框 <input οnkeydοwn="if(event.keyCode==13)event.keyCode=9" > 只能是中文 ...
转载：JavaScript,JS如何控制input输入字符限制
转自:https://www.cnblogs.com/acetaohai123/p/6571784.html ENTER键可以让光标移到下一个输入框 <input οnkeydοwn=&quo ...
jQuery控制 input 不可编辑
//开启disabled,是input不可以编辑$("#id").attr("disabled","disabled");//关闭disab ...
JS/jQuery获取input的值和清空input的value值
一.获取input的值 1.通过普通选择器获取通过类选择器获取:$('.class').val() 通过id选择器获取:$(" #id").val() 2.通过标签选择器获取 $ ...
html只能输入两位小数,JQuery控制input只能输入数字和两位小数（有关金额）代码...
jquery代码: function num(obj){ obj.value = obj.value.replace(/[^\d.]/g,""); //清除"数字&quo ...
jQuery控制input不可编辑
1.开启disabled,是input不可以编辑 $("input").attr("disabled",'disabled'); $("select& ...
html js jQuery 设置 input 禁止输入
readonly="readonly" <input type="text" placeholder="选择月份" value=&qu ...

js jquery控制input为只读

js jquery控制input为只读相关推荐

最新文章

热门文章