Enable Disable RadioButtonList с другой Выбор RadioButtonList ASP.NET

Question

Привет мне нужна помощь включение/отключение RadioButtonList от стороне клиента

Моя форма выглядит следующим образом:

1. То, что я хочу по умолчанию Yes-Options RadioButtonlist и No-Options Radiobuttonlist shoulsd будут разблокированы. Когда пользователь выбирает YES, YES-Options Radiobutton list shouls активируется, и список радиообъектов NO-Options должен быть разблокирован. Таким же образом, когда выбран NO, NO-Options radioobuttonlist должен быть включен, а YES-Options - список исключений из списка радиообмена.

2. При нажатии кнопки «Сохранить» внизу, проверка должна произойти. Пользователь должен выбрать ДА или НЕТ из списка радиокниг, который находится сверху, а затем из его соответствующих параметров следует выбрать значение. (Если выбрано значение «Да», следует выбрать значение «YES» - «Параметры» и «Viceversa»)

Как это сделать?

Ниже мой разметки

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

}

Надеется, что это поможет. Не забудьте отметить как ответ, если это вам поможет.