微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript – 使用单选按钮更改表单

嗨伙计我是html和 javascript的新手,所以我需要一个非常基本的任务帮助.

使用单选按钮我想更改我的表单,例如,如果选择’A’单选按钮,它应该显示一个表单,我可以输入我的姓名和年龄,如果选择’B’,它会显示给我其他表格,我可以看到当我点击单选按钮’B’时,图片名称和年龄的文本字段不再可见

任何帮助,将不胜感激

解决方法

我以更简单的方式修改了上述内容,
尝试根据你的需要编辑它,
<html>
<head>
<script language="Javascript">
function hideA()
{

    document.getElementById("A").style.visibility="hidden";
    document.getElementById("B").style.visibility="visible";    

}

function hideB()
{
    document.getElementById("B").style.visibility="hidden";
    document.getElementById("A").style.visibility="visible";

}
</script>
</head>
<body>Show : 
<input type="radio"  name="aorb" onClick="hideB()" checked>A | 
<input type="radio"  name="aorb" onClick="hideA()">B
<div style="position: absolute; left: 10px; top: 100px;" id="A"><br/>A's text</div>
<div style="position: absolute; left: 10px; top: 100px; visibility:hidden" id="B"><br/>B's text</div>
</body>
</html>

原文地址:https://www.jb51.cc/js/240930.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐