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()
    });
});

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

Answer 1

尝试更改此

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

通过

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

由于我们有[id*=Panel2]，因此无需{p> #<%= cboVisibility.ClientID %>。 Ids在页面上必须是唯一的，因此无需指定上下文来标识元素。

使用Jquery点击radiobuttonlist时，Panel不会显示

1 个答案: