與另一個單選按鈕列表選擇ASP.NET

Question

嗨啓用禁用單選按鈕列表我需要啓用/對於客戶端禁用單選按鈕列表幫助

我的形式如下：

1. 我想要什麼是默認的Yes-選項RadioButtonlist和無選項Radiobuttonlist被分發。當用戶選擇YES時，YES-選項Radibutton列表被放開並且NO-選項單選按鈕列表應該被放棄當選擇NO時，同樣的方式，NO-選項radiobuttonlist應該被啓用並且YES-選項單選按鈕列表被禁止。

2. 當點擊底部的保存按鈕時，應該進行驗證。用戶應從頂部的單選按鈕列表中選擇YES或NO，然後從相應的選項中選擇一個值。 （當選擇是時，值應該選擇是 - 選項和反選項）

我該怎麼做？

下面是我的標記

<asp:RadioButtonList ID="rbtnMain" runat="server"> 
<asp:ListItem Text="YES" Value="1"></asp:ListItem> 
<asp:ListItem Text="NO" Value="0"></asp:ListItem> 
</asp:RadioButtonList> 
<br /><br /> 

YES -- Options 
<asp:RadioButtonList ID="rbtnMainYes" runat="server"> 
<asp:ListItem Text="Options Yes -1" Value="1"></asp:ListItem> 
<asp:ListItem Text="Options Yes -2" Value="2"></asp:ListItem> 
<asp:ListItem Text="Options Yes -3" Value="3"></asp:ListItem> 
</asp:RadioButtonList> 
<br /><br /> 
NO -- Options 
<asp:RadioButtonList ID="rbtnMainNo" runat="server"> 
<asp:ListItem Text="Options No -1" Value="1"></asp:ListItem> 
<asp:ListItem Text="Options No -2" Value="2"></asp:ListItem> 
<asp:ListItem Text="Options No -3" Value="3"></asp:ListItem> 
</asp:RadioButtonList> 

<br /><br /> 
<asp:Button ID="btnSave" runat="server" Text="Save" /> 

我怎樣才能做到這一點從客戶方？

Answer 1

這裏工作的jQuery您所需的輸出：

<script type="text/javascript"> 
{ 
    $(document).ready(function() { 
     $('#<%= rbtnMain.ClientID %> input:radio').change(function() {     
      var SelectedValue = $('#<%=rbtnMain.ClientID %> :radio:checked').next().text(); 
      if (SelectedValue == "YES") { 
       $('#<%= rbtnMainYes.ClientID %> input:radio').attr("disabled", "disabled"); 
       $('#<%= rbtnMainNo.ClientID %> input:radio').removeAttr("disabled"); 
      } 
      else { 
       $('#<%= rbtnMainNo.ClientID %> input:radio').attr("disabled", "disabled"); 
       $('#<%= rbtnMainYes.ClientID %> input:radio').removeAttr("disabled"); 
      } 
     }); 
    }); 

}

希望這會幫助你。不要忘記標記爲答案，如果它可以幫助你。