jquery - 使用 JQuery 隐藏单击 RadioButtonList 的面板

Question

我有一个 asp:RadioButtonList 和一个面板

<asp:RadioButtonList ID="someList" runat="server"    
RepeatDirection="Horizontal" CssClass="radioList">
    <asp:ListItem Text="Yes" Value="1"></asp:ListItem>
    <asp:ListItem Text="No" Value="4"></asp:ListItem>
    <asp:ListItem Text="Don't Know" Value="2"></asp:ListItem>                                        
</asp:RadioButtonList>
<asp:Panel ID="Panel1" runat="server" Style="display: none;">
This is panel 1
</asp:Panel>

当我单击“是”时，应该显示面板，当我单击“否”和“不知道”时，应该隐藏面板。帮助将不胜感激谢谢

Answer 1

尝试这个：

var panel = $("#Panel1"); 
$("input[name='cboVisibility']").change(function () { 
  if ($(this).val() == 1) panel.show(); 
  else panel.hide() 
})

http://jsfiddle.net/KevQv/

Answer 2

  var panel = $("#<%= this.Panel1.ClientID %>")  
  $(".radioList").change(function(){
           if($(this).val() == 1)
              panel.show();
           else
              panel.hide()

    })