Friday 27 September 2013

Using ASP.NET Radio Buttons in Repeater / Group Name Issue

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="RadioTest.aspx.cs" Inherits="RadioTest" %>
<html>
<head runat="server">
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('input[type=radio]').click(function () {
                var cname = $(this).parent().attr('class');

                $('.' + cname).each(function () {
                    $(this).find('input[type=radio]').prop('checked', false);
                });

                $(this).prop('checked', true);
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:Repeater runat="server" ID="rptRadioContainer">
            <ItemTemplate>
                <div class="dvRadioContainer">
                    <asp:RadioButton runat="server" ID="rdoButton" Text="RadioButton" CssClass="rdoStyle" />
                </div>
            </ItemTemplate>
        </asp:Repeater>
    </form>
</body>
</html>