使用jquery點擊radiobuttonlist時面板不可見

<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。單擊單選按鈕列表中的任意選項，我想隱藏另一個面板。我的代碼是上面幫助所示，將不勝感激使用jquery點擊radiobuttonlist時面板不可見

來源

2012-07-03 palak mehta

嘗試改變這種

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

通過

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

[id*=Panel2]是沒有必要的，因爲我們有#<%= cboVisibility.ClientID %>。 Ids在頁面上必須是唯一的，因此不需要指定上下文來標識元素。

來源

2012-07-03 14:27:31

：沒有成功。爲什麼我們不考慮Panel2？因爲cboVisibility在panel2內部。 –

@palak mehta：請在更改處理程序中添加一個調試器，以查看是否達到該代碼。添加了爲什麼不需要Panel2的解釋。 –

：即使在寫入$（「＃<％= cboVisibility.ClientID％> input：radio」）後，它不起作用。 –

使用jquery點擊radiobuttonlist時面板不可見

回答

相關問題