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

<ul>
                            <li>
                                <input id="Radio1" name="radiobutton" checked="checked" type="radio" /><span>我</span>
                               </li>
                            <li>
                                <input id="Radio2" name="radiobutton" type="radio" /><span>你</span></li>
                        </ul>
  <div id="Div1" class="Image">
                    </div>
                    <div id="Div2" class="Image">
                    </div>怎样点击“我“时Div2隐藏Div1显示，点击”你“时Div1隐藏div2显示，默认选中”我“

解决方案 »

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

<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>
function test()
{var div=document.getElementById("div1")
div.style.display=div.style.display=="none"?"block":"none";

}
Page.RegisterStartUpScript("key",@"getElementById('div').style.display = 'none';")
<div id="div1" runat="Server">
</div>
div1.Style["Display"] = "Block"; //显示
div1.Style["Display"] = "None"; //隐藏
onclick="test()"
选择这个radio1的时候，div1显示，div2隐藏，选择radio2的时候，div1隐藏，div2显示！就是这个意思！
     <div runat="server" id="div1"></div>
     <div runat="server" id="div1"></div>
服务器控件的显隐会吧
用js设置display="none"就可以了    <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>再在radio中加入onclick事件调用上面的函数就OK了
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title></head>
<body>
    <ul>
        <li onclick="seleceOne()">
            <input name="radiobutton1" checked="checked" type="radio" /><span>我</span> </li>
      <li onclick="seleceOne()">
            <input name="radiobutton1" type="radio" /><span>你</span></li>
    </ul>
    <div id="Div1" class="Image">
        我是第一个div
    </div>
    <div id="Div2" class="Image" >
        我是第二个div
    </div>        <script language="javascript" type="text/javascript">
            var Div1 = document.getElementById("Div1");
            var Div2 = document.getElementById("Div2");
            Div1.style.display = "block";
            Div2.style.display = "none";
            function seleceOne() {                var radiobutton1 = document.getElementsByName("radiobutton1");
                if (radiobutton1[0].checked == true) {
                    Div1.style.display = "block";
                    Div2.style.display = "none";
                }
                else {
                    Div1.style.display = "none";
                    Div2.style.display = "block";
                }            }
    </script>
</body>
</html>
直接存为html就行了，楼主给分
if(obj.checked){
  getid('div1').style.display="none"?"block":"none";
}