は別のRadioButtonListの選択ASP.NET

Question

で無効にRadioButtonListのを有効にしますこんにちは、私は

私のフォームは次のようになり、クライアント側からのRadioButtonListを有効化/無効化を支援する必要があります。私が欲しいもの

1. デフォルトではYes-Options RadioButtonlistとNo-Options Radiobuttonlistは無効になっています。ユーザーがYESを選択すると、オプション - ラジオボタンのリストが有効になり、NOオプションのラジオボタンのリストが無効になります。NOを選択した場合と同様に、ラジオボタンリストが有効になり、YESオプションラジオボタンリストが無効になります。

2. クリックして保存ボタンをクリックすると、検証が行われます。ユーザーは、上にあるラジオボタンリストからYESまたはNOを選択し、対応するオプションから値を選択する必要があります。 （はいが選択されている場合、値は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"); 
      } 
     }); 
    }); 

}

これはあなたを助けることを願っています。それがあなたに役立つならば、答えとしてマークすることを忘れないでください。