Check only one CheckBox of Each Group in ASP.Net GridView using jQuery

Hi Prasunjeet,

Check this example. Now please take its reference and correct your code.

HTML

<form id="form1" runat="server">
<div>
    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
        <Columns>
            <asp:BoundField DataField="ID" HeaderText="ID" />
            <asp:BoundField DataField="usertype" HeaderText="User Type" />
            <asp:BoundField DataField="name" HeaderText="Name" />
            <asp:TemplateField HeaderText="Default User">
                <ItemTemplate>
                    <asp:CheckBox ID="cbDefaultUser" Checked='<%# Eval("default_user") %>' runat="server" />
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        $('[id*=cbDefaultUser]').on('click', function () {
            var userType = $(this).closest('tr').find('td').eq(1).html();
            var selectedIndex = $(this).closest('tr').index();
            $('[id*=GridView1] tr').each(function (index, item) {
                if (selectedIndex != index) {
                    if ($(item).find('td').eq(1).html() == userType) {
                        $(item).find('[id*=cbDefaultUser]').removeAttr('checked');
                    }
                }
            });
        });
    });
</script>
</form>

Code

C#

protected void Page_Load(object sender, EventArgs e)
{
    if (!this.IsPostBack)
    {
        System.Data.DataTable dt = new System.Data.DataTable();
        dt.Columns.AddRange(new System.Data.DataColumn[4] { 
                        new System.Data.DataColumn("ID", typeof(int)),
                        new System.Data.DataColumn("usertype", typeof(string)),
                        new System.Data.DataColumn("name",typeof(string)),
                        new System.Data.DataColumn("default_user",typeof(bool))});
        dt.Rows.Add(1, "admin", "John", true);
        dt.Rows.Add(2, "subadmin", "ram", true);
        dt.Rows.Add(3, "subadmin", "shyam", false);
        dt.Rows.Add(4, "admin", "jay", false);
        GridView1.DataSource = dt;
        GridView1.DataBind();
    }
}

VB.Net

Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
    If Not Me.IsPostBack Then
        Dim dt As System.Data.DataTable = New System.Data.DataTable
        dt.Columns.AddRange(New System.Data.DataColumn() {
                            New System.Data.DataColumn("ID", GetType(System.Int32)),
                            New System.Data.DataColumn("usertype", GetType(System.String)),
                            New System.Data.DataColumn("name", GetType(System.String)),
                            New System.Data.DataColumn("default_user", GetType(System.Boolean))})
        dt.Rows.Add(1, "admin", "John", True)
        dt.Rows.Add(2, "subadmin", "ram", True)
        dt.Rows.Add(3, "subadmin", "shyam", False)
        dt.Rows.Add(4, "admin", "jay", False)
        GridView1.DataSource = dt
        GridView1.DataBind()
    End If
End Sub

Screenshot