only check one radio button using jquery in asp.net
<p>I have the following grid view.</p>

<pre><code>&lt;asp:GridView ID="GridView1" runat="server" AllowPaging="True" BackColor="White"
                BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="4" DataSourceID="UserModule_allusers"
                ForeColor="Black" GridLines="Horizontal" OnRowDataBound="grvGroups_RowDataBound"
                Width="324px" OnSelectedIndexChanged="GridView1_SelectedIndexChanged"&gt;
                &lt;Columns&gt;
                    &lt;asp:TemplateField&gt;
                        &lt;ItemTemplate&gt;
                            &lt;asp:RadioButton ID="selectRow" GroupName="userSelect" runat="server" /&gt;
                        &lt;/ItemTemplate&gt;
                    &lt;/asp:TemplateField&gt;
                &lt;/Columns&gt;
&lt;/asp:GridView&gt;
</code></pre>

<p>Here I am using one radio button to select the row. To select the row I am using the following jquery script.</p>

<pre><code> $('#&lt;%=GridView1.ClientID%&gt;').find('input:radio[id*="selectRow"]').click(function () {
    $('&lt;%=GridView1.ClientID%&gt;').find('input:radio[id*="selectRow"]').attr('checked',false);
                $(this).attr('checked', true);
                var isChecked = $(this).prop("checked");
                var $selectedRow = $(this).parent("td").parent("tr");
                var selectedIndex = $selectedRow[0].rowIndex;
                if (isChecked)
                    $selectedRow.css({
                        "background-color": "DarkSlateBlue",
                        "color": "GhostWhite"
                    });
            });
</code></pre>

<p>In this script i am trying to un-checking first for all the radio buttons in the grid and checking the present context radio button. All the radio buttons are unchecking but present radio button is not checked. Where i done the mistake.</p>
