js实现一个小功能

三个单选按纽下面又是个动态的层
比如选择 1 下面出现和1相关的
选2出现和2相关的.全部用JS来做
有没有谁有现成的例子。不盛感激！

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

我有现成的例子。
http://blog.csdn.net/greatverve/archive/2008/12/01/3419497.aspx
我这个东西用在这种情况下：
一个Repeater里嵌套一个子Repeater
外层Repeater有个按钮控制内层一个div的显示。
这个div里包含了子Repeater
button1 onclick="showDiv(1)"
button2 onclick="showDiv(2)"
button3 onclick="showDiv(3)"function showDiv(obj)
{
if(obj == "1")
{
document.getElementById("div1").style.display ="";
document.getEementById("div2").style.display= "none";
document.getEementById("div3").style.display= "none";
}
else if(obj == "2")
{
document.getElementById("div1").style.display ="none";
document.getEementById("div2").style.display= "";
document.getEementById("div3").style.display= "none";
}
else
{
document.getElementById("div1").style.display ="none";
document.getEementById("div2").style.display= "none";
document.getEementById("div3").style.display= "";
}}
你可以参考楼上的如果你的div是在后台动态生成的,怕是用js得不到的
代码直接拷上去试试~~！！！<head runat="server">
    <title>无标题页</title>    <script language="javascript" type="text/javascript">
        function fun() {
              if(div2.style.display=="none") {
                         div2.style.display="";
                         div3.style.display="none";
                         div4.style.display="none";
              } else {
                         div2.style.display="none";
                }
        }

        function fun1() {
              if(div3.style.display=="none") {
                         div3.style.display="";
                         div2.style.display="none";
                         div4.style.display="none";
              } else {
                         div3.style.display="none";
                }
        }

        function fun2() {
              if(div4.style.display=="none") {
                         div4.style.display="";
                         div2.style.display="none";
                         div3.style.display="none";
              } else {
                         div4.style.display="none";
                }
        }
    </script></head>
<body>
    <form id="form1" runat="server">
        <div>
            <div id="div1">
                <input id="Radio1" name="div" onmousedown="fun()" type="radio" value="div2" /><input value="div3" id="Radio2"
                    name="div" onmousedown="fun1()" type="radio" /><input id="Radio3" value="div4" type="radio" name="div"
                        onmousedown="fun2()" /></div>
            <div id="div2" style="width: 200px; height: 200px; background-color: Yellow; display: none">
                div1</div>
            <div id="div3" style="width: 200px; height: 200px; background-color: Red; display: none">
                div2</div>
            <div id="div4" style="width: 200px; height: 200px; background-color: Blue; display: none">
                div3</div>
        </div>
    </form>
</body>
</html>