0

嗨,我需要帮助从客户端启用/禁用 RadiobuttonList

我的表格如下所示:

单选按钮列表

  1. 我想要的是默认情况下 Yes-Options RadioButtonlist 和 No-Options Radiobuttonlist 应该被禁用。当用户选择 YES 时,应启用 YES-Options 单选按钮列表,并且应禁用 NO-Options 单选按钮列表。与选择 NO 时相同,应启用 NO-Options 单选按钮列表,应禁用 YES-Options 单选按钮列表。

  2. 当点击底部的保存按钮时,应该会进行验证。用户应从顶部的单选按钮列表中选择“是”或“否”,然后应从其相应选项中选择一个值。(选择是yes时,应从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" />

我怎样才能从客户端做到这一点?

4

1 回答 1

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

}

希望这会帮助你。如果对您有帮助,请不要忘记标记为答案。

于 2012-05-04T09:14:03.017 回答