js控制html元素的readonly属性
2016-07-08 16:37
405 查看
html元素假设为只读,那么其readonly="readonly",我们现在想通过js来改变readonly属性为可以输入。
初始时,两个输入框都是只读。点击change按钮后,下面的输入框可以输入了。
注意:js代码里的readOnly,O必须大写
见代码:
初始时,两个输入框都是只读。点击change按钮后,下面的输入框可以输入了。
注意:js代码里的readOnly,O必须大写
见代码:
<html> <head> <script language="javascript"> function change(){ document.getElementById("a2").readOnly= false; } </script> </head> <body> <tr> <input name="a1" id="a1" type="text" readonly="readonly" /> <input name="a1" id="a1" type="button" onclick="change();" value="change" /> <br> </tr> <tr> <br> <input name="a1" id="a2" type="text" readonly="readonly" /> </tr> <tr> </tr> </body> </html>
相关文章推荐
- js局部变量和全局变量
- js实现精确加减乘除
- 10、JSONP实现Ajax的跨域请求
- 彻底弄懂JS的事件冒泡和事件捕获
- [Sencha ExtJS & Touch] singletap 和 tap的区别
- js 通过感叹号判断变量是否有值
- 使用gulp-uglify压缩js文件
- js中的逻辑与(&&)与逻辑或(||)
- javascript获得滚动条高度
- javascript获得滚动条高度
- .net对json序列化和反序列化
- javascript模版引擎Mustache
- 使用Retrofit通过post提交Json数据
- JS:window.onload的使用介绍
- 编写具有可维护性的JavaScript代码
- Ajax处理XML、HTML、JSON三种数据格式的方法
- JSON对象的stringify()和parse()方法
- JavaScript构造函数和普通函数
- 使用console调试JavaScript(二)
- 使用console调试JavaScript(二)