有时候页面的文本框需要临时切换只读或可写，有时我们可以用disabled能简捷的控制，但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>
运行效果图示：
|
注册 登录
