怎样的onclick单选按钮列表会显示/隐藏文本框

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> 

如何使当我点击列表项Text="Individual"，TextBox1的将是可见的，当我点击列表项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>