文本框只读与可写切换的js代码

发布时间:2019-09-22编辑:脚本学堂
用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>