Как OnClick RadioButtonList будет показать/скрыть текстовое поле

Question

<asp:RadioButtonList ID="rbl_donorType" runat="server" > 
<asp:ListItem Text="Individual" Value="Individual" ></asp:ListItem> 
<asp:ListItem Text="Coporate" Value="Coporate" ></asp:ListItem> 
</asp:RadioButtonList> 
<asp:TextBox ID="TextBox1" style="visibility:hidden;" runat="server"> 
</asp:TextBox> 

Как сделать, когда я нажимаю на List Item Text="Individual", TextBox1 будет видно, и когда я нажимаю на List Item Text="Coporate", TextBox1 будет скрыт?

Answer 1

Попробуйте

<asp:RadioButtonList ID="rbl_donorType" runat="server" OnSelectedIndexChanged="rbl_donorType_SelectedIndexChanged" AutoPostBack="true"> 
    <asp:ListItem Text="Individual" Value="Individual"> 
    </asp:ListItem> 
    <asp:ListItem Text="Coporate" Value="Coporate" ></asp:ListItem> 
</asp:RadioButtonList> 
<asp:TextBox ID="TextBox1" runat="server"> 
    test 
</asp:TextBox> 

код позади:

protected void rbl_donorType_SelectedIndexChanged(object sender, EventArgs e) 
    { 
     var selectedItem = rbl_donorType.SelectedItem; 

     TextBox1.Visible = selectedItem.Text == "Coporate"; 
    } 

Answer 2

Я предпочитаю client side сценариев, которые не нужно будет постбэк к серверу. Попробуйте это,

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $(':radio').click(function(){ 
      if($(this).val().trim() == "Individual"){ 
       $(':text').css('visibility','visible'); 
      }else{ 
       $(':text').css('visibility','hidden'); 
      } 
     }); 
    }); 
    </script>