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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/js/240930.html

猜你在找的JavaScript相关文章