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

パネル内にラジオボタンリストがあります。ラジオボタンリストの任意のオプションをクリックすると、別のパネルを非表示にします。私のコードは上に示されています 助けていただければ幸いです

4

1 に答える 1

0

これを変更してみてください

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

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

[id*=Panel2]有りますので不要#<%= cboVisibility.ClientID %>です。ID はページ上で一意である必要があるため、要素を識別するためにコンテキストを指定する必要はありません。

于 2012-07-03T14:27:31.433 に答える