启用与另一个RadioButtonList选择ASP.NET禁用RadioButtonList

Question

您好我需要有关从客户端启用/禁用RadiobuttonList的帮助

我的表单如下：

1. 我想要的是默认情况下是 - 选项RadioButtonlist和No-Options Radiobuttonlist shoulsd被废除。当用户选择YES时，YES-Options Radiobutton list shouls得到启用并且NO-Options radiobutton list应该被取消以相同的方式选择NO，NO-Options radiobuttonlist应该被启用并且YES-Options radiobutton list shouls被禁用。

2. 单击底部的“保存”按钮时，应进行验证。用户应从顶部的单选按钮列表中选择“是”或“否”，然后从相应的选项中选择一个值。 （选择是时，应从YES - Options和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" />

我如何从Clientside做到这一点？

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

}    

希望这会对你有所帮助。如果它对您有所帮助，请不要忘记将其标记为答案。