javascript 控制 text 的 readonly 属性

最新推荐文章于 2021-06-16 23:54:27 发布

最新推荐文章于 2021-06-16 23:54:27 发布 · 178 阅读

文章标签：

#JavaScript #HTML #ViewUI

本文介绍了一种使用JavaScript来动态改变HTML中输入框的只读属性的方法，并演示了如何通过简单的按钮点击事件来切换输入框的状态。

<html> 
<head> 
 <title>Test</title> 
</head> 
<body> 
 <form action="" method="post" name="form1"> 
 <input type="text" value="test" id="txtTest" readonly> 
 <input type="button" value="ChangeProperties" onClick="changeText();"> 
 </form> 
</body> 
<script type="text/javascript">
<!-- 
function changeText(){ 
var t=document.getElementById("txtTest"); 
if(t.readOnly){ // 注意 readOnly 的 O为大写 
 t.readOnly=false; 
 t.value="write able"; 
}else{ 
 t.readOnly=true; 
 t.value="readonly"; 
} 
} 
// -->
</script> 
</html>