使用js动态改变input的只读属性

写一个网页需要动态改变input的只读属性，看了很多博客改了很多次代码但没报错也没实现功能。写个博客记录一下。

在input标签里设置只读属性，

<input type="text" value="sdfds" class="collage" readonly="true"/>

然后通过点击事件动态的改变只读属性。

<label style="float:right;" οnclick="change(this)">修改</label>

js函数实现（主要看倒数第二条语句）

function change(label){var val=label.innerHTML;var parentid=label.parentNode.id;<!--获取父元素的id-->var parent=document.getElementById(parentid);var inputs=parent.getElementsByTagName("input");<!--得到三个input-->if(val=="修改"){var i;for(i=0;i<inputs.length;i++){inputs[i].readOnly=false;}label.innerHTML="完成";}

注意这里的“readOnly”的O是大写的！而在标签中的“o”是小写的！

使用js动态改变input的只读属性相关推荐

WEUI picker组件无法js动态改变选项
功能需求设备号和摄像头都可以下拉选择,但是具体的摄像头下拉选项是根据设备号而定的.如下图,尾号为352的设备号只有前置摄像头,尾号为657的设备号前置和后置摄像头都有. 问题说明一般情况下,这个需 ...
js动态改变css样式
动态改变页面元素样式: 使用getElement系列方法访问元素. 改变样式属性:style属性:className属性. <!DOCTYPE html> <html>< ...
html动态资源加载进度,JavaScript_快速解决js动态改变dom元素属性后页面及时渲染的问题，今天实现一个进度条加载过程 - phpStudy...
快速解决js动态改变dom元素属性后页面及时渲染的问题今天实现一个进度条加载过程,dom结构其实就是两个div 控制里层div的宽width属性,就能实现进度条往前走的效果. 我的进度条是显示下载文 ...
解决js动态改变dom元素属性后页面及时渲染问题
解决js动态改变dom元素属性后页面及时渲染问题参考文章: (1)解决js动态改变dom元素属性后页面及时渲染问题 (2)https://www.cnblogs.com/fangsmile/p/49 ...
vue 模拟随机变速的动态打字特效【支持多行文本】（含css实现闪烁光标，js动态改变setInterval定时器的时间间隔）
随机变速的动态打字特效–最终效果随机变速的动态打字特效–完整代码 <template><div class="contentBox"><span&g ...
如何通过js改变css样式,如何通过JS 动态改变CSS样式
如何通过JS 动态改变CSS样式0 豆豆dou...2013.09.15浏览640次分享举报 .TLIWREGION3CSS { position:absolute; left:32px; top:4 ...
vue中设置html的fontsize,vue中rem布局使用js动态改变fontsize
rem布局原理:使用js动态改变html的字体大小+rem的特性,来保证最初的设计图中每个元素的尺寸比例不变,以适用于不同尺寸的设备能够正常显示. (function (doc, win) { var ...
java textvaluechanged 全选删除不触发_js动态改变input的值不触发input的change事件的解决办法...
看了网上的资料也比较杂,自己也做一个整理共享一下解决方案 1.原生js的改变之后手动添加监听 1 2 3 var ttt = document.getElementById("ttt&quo ...
如何用jquery动态改变 input 输入框的readonly属性及CSS样式
样例 <style type="text/css">.disable{background-color: #d2d2d2;} </style><div ...

使用js动态改变input的只读属性

使用js动态改变input的只读属性

使用js动态改变input的只读属性相关推荐

最新文章

热门文章