嗨伙计我是html和javascript的新手,所以我需要一个非常基本的任务帮助.
使用单选按钮我想更改我的表单,例如,如果选择'A'单选按钮,它应该显示一个表单,我可以输入我的姓名和年龄,如果选择'B',它会显示给我其他表格,我可以看到当我点击单选按钮'B'时,图片但名称和年龄的文本字段不再可见
任何帮助,将不胜感激
Vin*_*arg 13
您可以使用输入的onchange属性来调用javascript函数,该函数隐藏A并显示B,反之亦然
function hideA(x) {
if (x.checked) {
document.getElementById("A").style.visibility = "hidden";
document.getElementById("B").style.visibility = "visible";
}
}
function hideB(x) {
if (x.checked) {
document.getElementById("B").style.visibility = "hidden";
document.getElementById("A").style.visibility = "visible";
}
}Show :
<input type="radio" onchange="hideB(this)" name="aorb" checked>A |
<input type="radio" onchange="hideA(this)" name="aorb">B
<div id="A">
<br/>A's text</div>
<div id="B" style="visibility:hidden">
<br/>B's text</div>viv*_*nam -3
我以更简单的方式修改了上面的内容。尝试根据您的需要进行编辑：
<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>
| 归档时间： |
|
| 查看次数： |
14491 次 |
| 最近记录： |