.net页面上有三个RadioButton（服务器控件），控制下面三个层的隐藏和显示，也就是选中一个隐藏另外两个解决思路

.net页面上有三个RadioButton（服务器控件），控制下面三个层的隐藏和显示，也就是选中一个隐藏另外两个
第一个RadioButton是默认选中的，通过js或jquery方法实现。

[解决办法]
var rA=document.getElementById("rbtnA");
var divA=document.getElementById("divA");
if(rA.checked){
divA.style.display='block';
}else{
divA.style.display='none';
}
给你一个思路，无论是3个或者多个都是这样做的
[解决办法]

HTML code

&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head runat="server"&gt;    &lt;title&gt;&lt;/title&gt;    &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt; &lt;/script&gt;    &lt;script type="text/javascript"&gt;        $(function () {            $(".rb :input").bind("click", function (event) {                var senderIndex = $(".rb :input").index($(this));                //alert(senderIndex);                $(".mydiv").hide();                $($(".mydiv").get(senderIndex)).show();            });        });    &lt;/script&gt;&lt;/head&gt;&lt;body&gt;    &lt;form id="form1" runat="server"&gt;    &lt;div&gt;    &lt;asp:RadioButton CssClass="rb" GroupName="rb" ID="rb01" runat="server" Text="rb01"  Checked="true"/&gt;    &lt;asp:RadioButton CssClass="rb" GroupName="rb" ID="rb02" runat="server" Text="rb02" /&gt;    &lt;asp:RadioButton CssClass="rb" GroupName="rb" ID="rb03" runat="server" Text="rb03" /&gt;    &lt;/div&gt;    &lt;div class="mydiv"&gt;mydiv01&lt;/div&gt;    &lt;div class="mydiv" style=" display:none"&gt;mydiv02&lt;/div&gt;    &lt;div class="mydiv" style=" display:none"&gt;mydiv03&lt;/div&gt;    &lt;/form&gt;&lt;/body&gt;&lt;/html&gt;
[解决办法]
  &lt;asp:RadioButton ID="rbtnHour" GroupName="cyc" Text="按时" runat="server" onclick="radio_class('1','true')" /&gt;
                           &lt;asp:RadioButton ID="rbtnDay" GroupName="cyc" Text="按天" runat="server" onclick="radio_class('2','true')" /&gt;
                           &lt;asp:RadioButton ID="rbtnWeek" GroupName="cyc" Text="按周" runat="server" onclick="radio_class('3','true')" /&gt;
                           &lt;asp:RadioButton ID="rbtnMonth" GroupName="cyc" Text="按月" runat="server" onclick="radio_class('4','true')" /&gt;
                           &lt;asp:RadioButton ID="rbtnYear" GroupName="cyc" Text="按年" runat="server" onclick="radio_class('5','true')" /&gt;
                           &lt;asp:RadioButton ID="rbtnClass" GroupName="cyc" Text="轮班" runat="server" onclick="radio_class('6','true')" /&gt;


  function radio_class(onvalue, flag) {
       //只有轮班的时候才隐藏
       document.getElementById('pFinish').style.display = "";
       if (onvalue == 1) {
           document.getElementById('aa').style.display = "";
           document.getElementById('bb').style.display = "none";
           document.getElementById('cc').style.display = "none";
           document.getElementById('dd').style.display = "none";
           document.getElementById('ee').style.display = "none";
           document.getElementById('ff').style.display = "none";
           document.getElementById('&lt;%=lblTypeName.ClientID %&gt;').innerText = "时"; 
 
           document.getElementById('&lt;%=rbtnHour.ClientID %&gt;').checked = true;
           if (flag == "true")
               document.getElementById('&lt;%=rbtnByHour.ClientID %&gt;').checked = true;
       }
       if (onvalue == 2) {
           document.getElementById('aa').style.display = "none";
           document.getElementById('bb').style.display = "";
           document.getElementById('cc').style.display = "none";
           document.getElementById('dd').style.display = "none";
           document.getElementById('ee').style.display = "none";
           document.getElementById('ff').style.display = "none";
           document.getElementById('&lt;%=lblTypeName.ClientID %&gt;').innerText = "天";
           document.getElementById('&lt;%=rbtnDay.ClientID %&gt;').checked = true;
           if (flag == "true")
               document.getElementById('&lt;%=rbtnByDay.ClientID %&gt;').checked = true;
       }
}

我这个应该适合你的

.net页面上有三个RadioButton（服务器

热点推荐