单选按钮切换内容随之切换的问题

wsxbt 2005-09-16 02:48:07

怎样实现以下效果
一个页面内两个单选按钮
<input type="radio" name="a" value="0">
<input type="radio" name="b" value="1">

怎么样才能选中radio（a）显示内容1,选中radio（b）显示内容2
请附代码，谢谢

...全文

447 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

knight_cjq 2005-09-16

打赏
举报

knight_cjq 2005-09-16

打赏
举报

大猫钓鱼 2005-09-16

打赏
举报

上面的写掉了点，其实就这么简单：
<input type="radio" name="r" value="1" checked onclick="javascript:s1.style.visibility='visible'">
<input type="radio" name="r" value="0" onclick="javascript:s2.style.visibility='visible'">
<span id="s1"style="visibility:hidden;">内容1</span>
<span id="s2"style="visibility:hidden;">内容2</span>

大猫钓鱼 2005-09-16

打赏
举报

jingxiaoping 2005-09-16

打赏
举报

把<div id="menu1">这是选中按钮一的效果</div>的改一下就OK了。
改为：
<div id="menu1" style="display: none">这是选中按钮一的效果</div>

如果div里面的内容很多的话，比如：套在表格内，而且又需要有行之类的，可以用include file的方法进行引用。

例如：<div id="menu1" style="display: none"></div>

如果DIV当前的位置在TD里面，那么引用的inc.asp必须是一个单独的表格。

wsxbt 2005-09-16

打赏
举报

刚开始是页面只有单选按钮，当点击按钮1时出现某些内容，点击按钮2时出现另些内容
我要这样的效果

bblovepp 2005-09-16

打赏
举报

<input type="radio" name="a" value="0">a的内容
<input type="radio" name="b" value="1">b的内容
例如：
<INPUT type="radio" id=radio1 name=a value="男" checked>男
<INPUT type="radio" id=radio2 name=b value="女">女

checked的意思是当你打开页面时，默认的那一项 ;

jingxiaoping 2005-09-16

打赏
举报

效果演示，请存为sample8.asp
<script language="javascript">
function hidemenu()
{
document.all["menu1"].style.display="none";
document.all["menu2"].style.display="";
document.FrontPage_Form1.a.checked=false;
document.FrontPage_Form1.b.checked=true;
}
function showmenu()
{
document.all["menu1"].style.display="";
document.all["menu2"].style.display="none";
document.FrontPage_Form1.b.checked=false;
document.FrontPage_Form1.a.checked=true;
}
function show1(a)
{
if (a!="0")
{
hidemenu();
}
else
{
showmenu();
}
}
</script>
</head>

<BODY>
<form action="sample8.asp" method="post" name="FrontPage_Form1" onsubmit="return FrontPage_Form1_Validator(this)">
<input type="radio" value="0" name="a" onclick="show1(document.FrontPage_Form1.a.value);">按钮一
<input type="radio" value="1" name="b" onclick="show1(document.FrontPage_Form1.b.value);">按钮二
<div id="menu1">这是选中按钮一的效果</div><div id="menu2" style="display: none">这是选中按钮二的效果</div></form>
</BODY>

sdts 2005-09-16