文本框只读与可写切换的js代码
发布时间：2014-09-13 编辑：jiaochengji.com
用js来控制页面中某文本框的只读与可写属性，用到了属性readonly，之所以不用disabled控制，是因为它控件的值无法获取。有需要的朋友，怎能错过呢？
演示示例，注意：readOnly 区分大小写。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>文本框读写切换</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<input type="text" id="aa">
<input type="button" onclick="javascript:a();" value="writer">
<input type="button" onclick="javascript:b();" value="readonly">
<script type="text/javascript">
function a(){
document.getElementById("aa").removeAttribute("readOnly");
}
function b(){
document.getElementById("aa").setAttribute("readOnly","true");
}
</script>
</body>
</html>您可能感兴趣的文章：
文本框只读与可写切换的js代码
js控制文本框自动适应文本长度的例子
js控制input文本框只读(示例)
纯CSS实现Tab页切换效果
设置checkbox复选框为readonly只读的两种方式
js 禁止文本框输入空格的代码
javascrript 表单字段自动切换焦点的例子
js实现禁用只读文本框获得焦点时的退格键
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
js读取与写入本地文件实现代码
上一篇：文本框禁用右键、复制、粘贴等功能的js代码
下一篇：js遮罩层弹出div效果一例
[关闭]