js按行操作gridview，gridview中有若干行数据

点击btn实现行变色，开始全无色，点击一次第一行变色，第二次点击第二行变色
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="jsgrid.aspx.cs" Inherits="tryeccel.jsgrid" %>

<!DOCTYPE html>

无标题页

<br> $(document).ready(function () {</p> <pre><code> function setStatus(status) { var row = 0; var AllRows = document.getElementById(GridViewId).getElementsByTagName("tr"); AllRows[row].style.background = System.Drawing.Color.Lime; $("button#btn1").click(function () { // $("input[type=radio]").attr('checked', false); // $("#Radio1").attr('checked', true); // $("#RadioButton1").attr('checked', true); $("#GridView1").eq(row).find('input').eq(status).attr('checked', true); row = row + 1; }) $("button#btn2").click(function () { AllRows[row].style.background = System.Drawing.Color.Lime; row = row + 1; }) } }) </code></pre> <p>

    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1" Width="273px" DataKeyNames="Sno">
        <Columns>
            <asp:BoundField DataField="Sno" HeaderText="Sno" SortExpression="Sno" ReadOnly="True" />
            <asp:BoundField DataField="Sname" HeaderText="Sname" SortExpression="Sname" />
            <asp:BoundField DataField="Sex" HeaderText="Sex" SortExpression="Sex" />
            <asp:BoundField DataField="Classno" HeaderText="Classno" SortExpression="Classno" />
            <asp:TemplateField HeaderText="单选">
                     <ItemTemplate>
                          <input type="radio" id="RadioName" name="RadioName" value='<%# Eval("Sno")%>' />
                     </ItemTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>
    <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:CheckSysConnectionString %>" SelectCommand="SELECT [Sno], [Sname], [Sex], [Classno] FROM [Students]"></asp:SqlDataSource>
    <button id="btn1"type="button" >选择</button>
    <button id="btn2"type="button" >变色</button>
</form>