aspxページのjavascriptラジオボタンでdivを表示

ラジオボタンイベントを含むdivを表示しようとしています。aspxページのjavascriptラジオボタンでdivを表示

<asp:RadioButtonList ID="radioButtonList" runat="server" OnSelectedIndexChanged="radioButtonList_SelectedIndexChanged"> 
    <asp:ListItem Text="Ask us" Value="1" Selected="False" /> 
    <asp:ListItem Text="Update Player" Value="2" Selected="False" /> 
    <asp:ListItem Text="Games" Value="3" Selected="False" /> 
</asp:RadioButtonList> 
<br /><br /><br />

： - ：私はJavaScriptでこれを実行しようとしました私も、このOBのサーバ側を実行しようとしました

<h2 style="text-align:center; color:aquamarine"><b>What would you like to do??</b></h2> 
    <asp:RadioButtonList ID="radioButtonList" runat="server"> 
     <asp:ListItem Text="Ask us" Value="1" Selected="False" /> 
     <asp:ListItem Text="Update Player" Value="2" Selected="False" /> 
     <asp:ListItem Text="Games" Value="3" Selected="False" /> 
    </asp:RadioButtonList> 
    <br /><br /><br /> 


    <div name="askUsdiv" runat="server" visible="false"> 
     <asp:Panel runat="server" ID="askUsPanel"> 
      ... 
     </asp:Panel> 
    </div> 

    <div name="updateInfoDiv" runat="server" visible="false"> 
     <asp:Panel runat="server" ID="updatesPanel"> 
      ... 
     </asp:Panel> 
    </div> 

    <div name="gamesDiv" runat="server" visible="false"> 
     <asp:Panel ID="GamesPanel" runat="server" /> 
    </div>

<h2 style="text-align:center; color:aquamarine"><b>What would you like to do??</b></h2> 
    <asp:RadioButtonList ID="radioButtonList" runat="server"> 
     <asp:ListItem Text="Ask us" Value="1" Selected="False" /> 
     <asp:ListItem Text="Update Player" Value="2" Selected="False" /> 
     <asp:ListItem Text="Games" Value="3" Selected="False" /> 
    </asp:RadioButtonList> 
    <br /><br /><br /> 


    <div name="askUsdiv" runat="server" visible="false"> 
     <asp:Panel runat="server" ID="askUsPanel"> 
      ... 
     </asp:Panel> 
    </div> 

    <div name="updateInfoDiv" runat="server" visible="false"> 
     <asp:Panel runat="server" ID="updatesPanel"> 
      ... 
     </asp:Panel> 
    </div> 

    <div name="gamesDiv" runat="server" visible="false"> 
     <asp:Panel ID="GamesPanel" runat="server" /> 
    </div>

とASPXページ内のHTMLは次のようになります

と私のC＃コードはイベントの内側のifステートメントを使っていました。

このオプションは機能していません。以下は

出典

2016-08-19 Dana S

： "ゲーム" Value = "3" Selected = "False" />

–

のjQueryを使用して非常にシンプルな、純粋にクライアント側のソリューションです：私のサーバー側

<head runat="server"> 
    <title></title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script> 
    <style type="text/css"> 
     .choiceDiv 
     { 
      display:none; 
      border:2px solid red; 
     } 
    </style> 
    <script type="text/javascript"> 
     $(function() { 
      $(".rad").click(function() { 
       var div = $(this).data("div"); 
       $(".choiceDiv").hide(); 

       if ($(this).is(':checked')) 
        $("#" + div).fadeIn('slow'); 
      }); 
     }); 
    </script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
     <input type="radio" class="rad" name="rad" data-div="askUsdiv" />Ask Us<br /> 
     <input type="radio" class="rad" name="rad" data-div="updateInfoDiv" />Update Player<br /> 
     <input type="radio" class="rad" name="rad" data-div="gamesDiv" />Games<br /> 
     <div id="askUsdiv" class="choiceDiv"> 
      <asp:Panel runat="server" ID="askUsPanel"> 
       Ask Us 
      </asp:Panel> 
     </div> 
     <div id="updateInfoDiv" class="choiceDiv"> 
      <asp:Panel runat="server" ID="updatesPanel"> 
       Update Player 
      </asp:Panel> 
     </div> 
     <div id="gamesDiv" class="choiceDiv"> 
      <asp:Panel ID="GamesPanel" runat="server"> 
       Games 
      </asp:Panel> 
     </div> 
    </form> 
</body>

出典

2016-08-20 14:39:33

aspxページのjavascriptラジオボタンでdivを表示

答えて

関連する問題