单选按钮控制文本框是否可编辑

最新推荐文章于 2024-01-16 17:09:12 发布

原创最新推荐文章于 2024-01-16 17:09:12 发布 · 964 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #radio #ViewUI

JS 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用JavaScript来控制HTML表单中特定文本框的可编辑性的方法。通过监听单选按钮的状态变化，可以实现对文本框是否允许编辑的动态控制。

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

jsp文件中控制文本框是否可编辑的js代码


<script type="text/javascript">
function gd() {
	var value = document.getElementById("radio").checked;
	if (!value) {
		document.getElementById("gdnr").disabled = true;
	} else {
		document.getElementById("gdnr").disabled = false;
	}
}

</script>


<s:form name="addForm" action="*" namespace="*" method="post" >
<table>
    <tr>
        <td>
	   是否滚动广告：
	</td>
	<td>
	<input id="radio" type="radio" name="sfgd" value=1 checked="true" 	onclick="gd()" />
	  是
	<input id="radio" type="radio" name="sfgd" value=0 onclick="gd()" />
	  否
	</td>
   </tr>
   <tr>
	<td>
        <s:textfield id="gdnr" label="滚动内容 " name="gdnr" value="%{gdnr}"
onChange="return gd()" />
	</td>
   </tr>
</table>