点击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>