单选按钮控制图层的显示隐藏

有两单选按钮,选定按钮1后显示图层A,隐藏B。选定按钮2后显示图层B隐藏A。请给出具体代码,谢谢!... 有两单选按钮,选定按钮1后显示图层A,隐藏B。选定按钮2后显示图层B隐藏A。请给出具体代码,谢谢! 展开
 我来答
可以叫我表哥
推荐于2016-02-25 · 知道合伙人数码行家
可以叫我表哥
知道合伙人数码行家
采纳数:25897 获赞数:1464972
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>
匿名用户
2013-05-16
展开全部
写的比较简单,实现了单选图层切换
<!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>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2013-05-16
展开全部
<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>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式