js切换文本框的只读与可写的动态切换

最新推荐文章于 2023-05-16 19:12:13 发布

Yoleo Lee

最新推荐文章于 2023-05-16 19:12:13 发布

阅读量220

点赞数

文章标签： HTML

本文介绍了一种在网页上通过JavaScript动态控制文本框的只读与可写状态的方法。使用此方法可以方便地在需要时改变输入框的状态，并且不会影响表单数据的提交。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有时候页面的文本框需要临时切换只读或可写，有时我们可以用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>