表单单选按钮

最新推荐文章于 2024-02-06 17:52:27 发布

katherine688

最新推荐文章于 2024-02-06 17:52:27 发布

阅读量557

点赞数

文章标签：代码

请教一个表单单选按钮的问题。

有两个单选按钮，两个文本框A和B
按第一个单选按钮时，文本框A为不可编辑状态，
按第二个单选按钮时，文本框B为不可编辑状态。

请问这个功能如何实现？原理：
给这两个单选按钮注册onclick事件（注意不要使用onchange事件，在某些浏览器下不兼容），在onclick事件中，通过判断是哪里单选按钮被点击，修改相应文本框A和B的disabled属性。
代码：
<html>
<head>
<script type="text/javascript">
function toggle(obj) {
    if (  == "radioOne") {
         tElementById("txtOne").disabled = "";
         tElementById("txtTwo").disabled = "disabled";
    }
    else {
         tElementById("txtOne").disabled = "disabled";
         tElementById("txtTwo").disabled = "";
    }
}
</script>
</head>
<body>
<p>
    <input type="radio" id="radioOne" name="radio" οnclick="toggle(this);" />
    <input type="text" id="txtOne" value="text one" />
</p>
<p>
    <input type="radio" id="radioTwo" name="radio" οnclick="toggle(this);" />
    <input type="text" id="txtTwo" value="text two" />
</p>
</body>
</html>

这个很简单哦 慢慢看 很容易的
οnclick="toggle(this);" 这里的this，就代表了当前被点击的元素，如果单选按钮A被点击，那么就是代表A。
收起function toggle(obj) {    if (  == "radioOne") {         tElementById("txtOne").disabled = "";         tElementById("txtTwo").disabled = "disabled";    }    else {         tElementById("txtOne").disabled = "disabled";         tElementById("txtTwo").disabled = "";    }}        
        
这个很简单哦 慢慢看 很容易的οnclick="toggle(this);" 这里的this，就代表了当前被点击的元素，如果单选按钮A被点击，那么就是代表A。

katherine688

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
表单单选按钮

请教一个表单单选按钮的问题。有两个单选按钮，两个文本框A和B按第一个单选按钮时，文本框A为不可编辑状态，按第二个单选按钮时，文本框B为不可编辑状态。请问这个功能如何实现？原理：给这两个单选按钮注册onclick事件（注意不要使用onchange事件，在某些浏览器下不兼容），在onclick事件中，通过判断是哪里单选按钮被点击，修改相应文本框A和B的disabled属性。代码
复制链接

扫一扫