0

こんにちは、クライアント側からの RadiobuttonList の有効化/無効化についてサポートが必要です

私のフォームは次のようになります。

RadioButtonLists

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

  2. 下部の [保存] ボタンをクリックすると、検証が行われます。ユーザーは、上部にあるラジオボタン リストから YES または NO を選択し、対応するオプションから値を選択する必要があります。(Yes を選択した場合、値は YES--Options およびその逆から選択する必要があります)

これどうやってするの ？？

以下は私のマークアップです

<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 からこれを行うにはどうすればよいですか?

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 に答える