GridView选中行变色（无刷新）

1、首先在.aspx页面块中添加javascript

<script type="text/javascript">
      var prevselitem=null;
      function selectx(row)
      {
             if(prevselitem!=null)
              {
                  prevselitem.style.backgroundColor='#ffffff';
              }
              row.style.backgroundColor='PeachPuff';
              prevselitem=row;
            
      }
 </script>
 

2、然后修改GridView,添加事件OnRowDataBound,如：

 <asp:GridView ID="GridView1" runat="server" AllowPaging="True" AutoGenerateColumns="False"   Width="100%" PageSize="12" OnRowDataBound="GridView1_RowDataBound">
 //省略
 </asp:GridView>

最后在.aspx.cs页面中添加

  protected void GridView1_RowDataBound(object sender,GridViewRowEventArgs e)
      {
          if (e.Row.RowType == DataControlRowType.DataRow)
              {
                  e.Row.Attributes.Add("onmouseover", "if(this!=prevselitem){this.style.backgroundColor='#Efefef'}");//当鼠标停留时更改背景色
                  e.Row.Attributes.Add("onmouseout", "if(this!=prevselitem){this.style.backgroundColor='#ffffff'}");//当鼠标移开时还原背景色
                  e.Row.Attributes.Add("onclick", e.Row.ClientID.ToString() + ".checked=true;selectx(this)");
              }
      }