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

我的web表单上有三到四个RadioButtonList，我希望在HTML Div中以这种格式a/B/C/D显示这些RadioButtonList中的每个选定项

这里A是RadioButtonList1的项目，B是RadioButtonList2的项目，C是RadioButtonList3的项目，D是RadioButtonList4的项目

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

i、 e.当我从RadioButtonList1中选择项目时，A将显示在DIV中，然后当我从RadioButtonList2中选择B项目时，A/B将以类似方式显示，当我从RadioButtonList3中选择C时，A/B/C将显示。请指导我如何才能做到这一点-

我的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>