单选按钮控制图层的显示隐藏
有两单选按钮，选定按钮1后显示图层A，隐藏B。选定按钮2后显示图层B隐藏A。请给出具体代码，谢谢！...
有两单选按钮，选定按钮1后显示图层A，隐藏B。选定按钮2后显示图层B隐藏A。请给出具体代码，谢谢！
展开
3个回答
推荐于2016-02-25 · 知道合伙人数码行家
可以叫我表哥
知道合伙人数码行家
采纳数：25897
获赞数：1464983
2010年毕业于北京化工大学北方学院计算机科学与技术专业毕业，学士学位，工程电子技术行业4年从业经验。
向TA提问 私信TA
关注
![]()
展开全部
参考代码如下：
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<script type="text/javascript">
function test(obj) {
if (obj.id == "Radio1") {
document.getElementById("Div1").style.display = "block";
document.getElementById("Div2").style.display = "none";
}
else {
document.getElementById("Div1").style.display = "none";
document.getElementById("Div2").style.display = "block";
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<ul>
<li>
<input id="Radio1" name="radiobutton" checked="checked" type="radio" onclick="test(this)" /><span>我</span>
</li>
<li>
<input id="Radio2" name="radiobutton" type="radio" onclick="test(this)" /><span>你</span></li>
</ul>
<div id="Div1" class="Image">aaaa</div>
<div id="Div2" class="Image">bbbb</div>
</form>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<script type="text/javascript">
function test(obj) {
if (obj.id == "Radio1") {
document.getElementById("Div1").style.display = "block";
document.getElementById("Div2").style.display = "none";
}
else {
document.getElementById("Div1").style.display = "none";
document.getElementById("Div2").style.display = "block";
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<ul>
<li>
<input id="Radio1" name="radiobutton" checked="checked" type="radio" onclick="test(this)" /><span>我</span>
</li>
<li>
<input id="Radio2" name="radiobutton" type="radio" onclick="test(this)" /><span>你</span></li>
</ul>
<div id="Div1" class="Image">aaaa</div>
<div id="Div2" class="Image">bbbb</div>
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
写的比较简单，实现了单选图层切换
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function tt(aa)
{
if(aa==1)
{
oDiv.style.display="block";
fDiv.style.display="none";
}
else
{
oDiv.style.display="none";
fDiv.style.display="block";
}
}
//-->
</SCRIPT>
<BODY>
<INPUT TYPE="radio" NAME="aa" onclick="tt(1);">图层1<INPUT TYPE="radio" NAME="aa" onclick="tt(2);">图层2
<br>
<div id="oDiv" style="position:absolute;top:50;left:0;width:500;height:500;display:block">
图层1
</div>
<div id="fDiv" style="position:absolute;top:50;left:0;width:500;height:500;display:none">
图层2
</div>
</BODY>
</HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function tt(aa)
{
if(aa==1)
{
oDiv.style.display="block";
fDiv.style.display="none";
}
else
{
oDiv.style.display="none";
fDiv.style.display="block";
}
}
//-->
</SCRIPT>
<BODY>
<INPUT TYPE="radio" NAME="aa" onclick="tt(1);">图层1<INPUT TYPE="radio" NAME="aa" onclick="tt(2);">图层2
<br>
<div id="oDiv" style="position:absolute;top:50;left:0;width:500;height:500;display:block">
图层1
</div>
<div id="fDiv" style="position:absolute;top:50;left:0;width:500;height:500;display:none">
图层2
</div>
</BODY>
</HTML>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<form action="" method="get">
请选择您的意见：
<input type="radio" name="radiobutton" onclick="htmer.style.display='none'" />优秀
<input type="radio" name="radiobutton" onclick="htmer.style.display='none'" />良好
<input type="radio" name="radiobutton" onclick="htmer.style.display='none'" />好
<input type="radio" name="radiobutton" onclick="htmer.style.display='none'" />不好
<input type="radio" name="radiobutton" onclick="htmer.style.display=''" />自定义意见
<textarea id="htmer" rows="5" style="display:none">当你选择“自定义意见”后，这部分内容将显示出来让用户填写。
</textarea>
<input type="submit" name="Submit" value="提交">
</form>
请选择您的意见：
<input type="radio" name="radiobutton" onclick="htmer.style.display='none'" />优秀
<input type="radio" name="radiobutton" onclick="htmer.style.display='none'" />良好
<input type="radio" name="radiobutton" onclick="htmer.style.display='none'" />好
<input type="radio" name="radiobutton" onclick="htmer.style.display='none'" />不好
<input type="radio" name="radiobutton" onclick="htmer.style.display=''" />自定义意见
<textarea id="htmer" rows="5" style="display:none">当你选择“自定义意见”后，这部分内容将显示出来让用户填写。
</textarea>
<input type="submit" name="Submit" value="提交">
</form>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
