使用JQuery单击RadioButtonList隐藏面板

时间:2012-07-03 11:29:31

标签: jquery .net

我有一个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>

单击“否”和“不知道”时,单击“是”面板时,应隐藏面板。 帮助将不胜感激 感谢

2 个答案:

答案 0 :(得分:0)

试试这个:

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

http://jsfiddle.net/KevQv/

答案 1 :(得分:0)

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

    })