jquery - 使用 Jquery 单击单选按钮列表时面板不可见

Question

<asp:Panel ID="Panel2" runat="server" Style="display: none;">
<asp:RadioButtonList ID="cboVisibility" CssClass="Normal" runat="server"    
RepeatDirection="Horizontal">
<asp:ListItem Value="0" Selected="True">Check-In Date</asp:ListItem>
<asp:ListItem Value="1">Book Date</asp:ListItem>
<asp:ListItem Value="2">Other Date</asp:ListItem>
</asp:RadioButtonList>
</asp:Panel>
<asp:Panel ID="Panel3" runat="server" Style="display: none;">
<asp:TextBox ID="txtSUCCValidity" runat="server"></asp:TextBox>
</asp:Panel>

<script type="text/javascript">
$(document).ready(function () {
    var panel = $("<%=Panel3.ClientID %>");        
    $("[id*=Panel2] #cboVisibility input:radio").change(function () {
        if ($(this).val() == "2")
            panel.show();
        else
            panel.hide()
    });
});

我在面板中有一个单选按钮列表。单击单选按钮列表的任何选项时，我想显示隐藏另一个面板。我的代码如上所示帮助将不胜感激

Answer 1

尝试改变这个

$("[id*=Panel2] #cboVisibility input:radio")

经过

$("#<%= cboVisibility.ClientID %> input:radio")

[id*=Panel2]没有必要，因为我们有#<%= cboVisibility.ClientID %>. ID 在页面上必须是唯一的，因此无需指定上下文来识别元素。