Question

我的情况是我的网络表单上有三到四个RadioButtonList，我希望以这种格式在HTML Div中显示这些RadioButtonList中的每个选定项目＆＃34; A / B / C / D＆＃34;

此处 A 是RadioButtonList1的项目，RadioButtonList2的 B ，RadioButtonList3的 C 和RadioButtonList4的 D

我能够在html Div中显示所选项目，但问题是我想在RadioButtonList的每个点击事件上显示所选项目。

即。当我从RadioButtonList1中选择项目＆＃34; A＆＃34; 会在DIV中显示，然后当我从RadioButtonList2 ＆＃34; B＆＃34; 项目时当我从RadioButtonList3 ＆＃34; A / B / C＆中选择＆＃34; C＆＃34; 时，＆＃34; A / B＆＃34; 会同样显示＃34; 会显示。请指导我如何实现这一目标 -

我的aspx页面

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var $radBtn = $('#<%= RadioButtonList1.ClientID %> input:radio');
            $('#<%= RadioButtonList1.ClientID %>').click(function () {
                var $radChecked = $('#<%= RadioButtonList1.ClientID %> input:checked');
                $('#<%= RadioButtonList2.ClientID %>').click(function () {
                    var $rad1Checked = $('#<%= RadioButtonList2.ClientID %> input:checked');
                    $('#<%= RadioButtonList3.ClientID %>').click(function () {
                        var $rad2Checked = $('#<%= RadioButtonList3.ClientID %> input:checked');
                        $("#para").text('')
                    .append($radChecked.next().text() + "/" + $rad1Checked.next().text() + "/" + $rad2Checked.next().text());
                    });
                });
            });
        });
    </script>
<div class="smallDiv">
        <asp:RadioButtonList ID="RadioButtonList1" runat="server" RepeatDirection="Horizontal">
            <asp:ListItem>A1</asp:ListItem>
            <asp:ListItem>A2</asp:ListItem>
            <asp:ListItem>A3</asp:ListItem>
            <asp:ListItem>A4</asp:ListItem>
            <asp:ListItem>A5</asp:ListItem>
        </asp:RadioButtonList>
        <br />
        <asp:RadioButtonList ID="RadioButtonList2" runat="server" RepeatDirection="Horizontal">
            <asp:ListItem>B1</asp:ListItem>
            <asp:ListItem>B2</asp:ListItem>
            <asp:ListItem>B3</asp:ListItem>
            <asp:ListItem>B4</asp:ListItem>
            <asp:ListItem>B5</asp:ListItem>
        </asp:RadioButtonList>
        <br />
        <asp:RadioButtonList ID="RadioButtonList3" runat="server" RepeatDirection="Horizontal">
            <asp:ListItem>C1</asp:ListItem>
            <asp:ListItem>C2</asp:ListItem>
            <asp:ListItem>C3</asp:ListItem>
            <asp:ListItem>C4</asp:ListItem>
        </asp:RadioButtonList>
        <p id="para">
        </p>
    </div>

如何附加几个ASP.NetRadioButtonList的选定项目并使用Jquery在html Div中显示？

0 个答案: