学步园

写一个公用的JS函数

function GridViewColor(GridViewId) {
//获取所有要控制的行
    var AllRows = document.getElementById(GridViewId);
if (AllRows != null) {
        AllRows = AllRows.getElementsByTagName("tr");

//设置每一行的背景色和事件，循环从1开始而非0，可以避开表头那一行
        for (var i = 1; i < AllRows.length; i++) {
                AllRows[i].onmouseout = function() { this.style.background = "#FFFFFF"; }
            }
        }
    }

引用这段JS，只要在每个页面的Page_Load中注册即可，ctl00_PageBody_gvItems为GirdView的客户端ID 

ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "js", "GridViewColor('ctl00_PageBody_gvItems');", true);

全选的代码：

<script type="text/javascript">
  function CheckAll(oCheckbox)
  {
    var gvItems = document.getElementById("<%=gvItems.ClientID %>");
    for (i = 1; i < gvItems.rows.length; i++)
    {
        gvItems.rows[i].cells[0].getElementsByTagName("INPUT")[0].checked = oCheckbox.checked;
    }
  }
  </script>
<asp:GridView ID="gvItems" runat="server" >                            
 　　<Columns>
　　　　<asp:TemplateField HeaderText="选项">
　　　　　　<HeaderTemplate>
　　　　　　　　<asp:CheckBox ID="CheckBox1" runat="server" Text="全选" AutoPostBack="true" onclick="CheckAll(this)"/>
　　　　　　</HeaderTemplate>
　　　　　　<ItemTemplate>
　　　　　　　　<asp:CheckBox ID="rbtnName"  runat="server" cid='<%# Eval("CandidatesID") %>' 
                                            oncheckedchanged="rbtnName_CheckedChanged"/>
　　　　　　</ItemTemplate>
　　　　</asp:TemplateField>                                
　　</Columns>
  </asp:GridView>