var el = document.getElementsByTagName('input'); var len = el.length; for(var i=0; i<len; i++) { if((el[i].type=="checkbox") && (el[i].name==name)) { el[i].checked = true; }
} }
function clearAll(name) { var el = document.getElementsByTagName('input'); var len = el.length; for(var i=0; i<len; i++) { if((el[i].type=="checkbox") && (el[i].name==name)) { el[i].checked = false; } }
<%...@ Page Language="C#" AutoEventWireup="true" CodeFile="Grdview_HtmlChekbox.aspx.cs" Inherits="_Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<script type="text/javascript">...
// 说明：Javascript 控制 CheckBox 的全选与取消全选 // 整理：http://www.CodeBit.cn function checkAll(name)
{
var el = document.getElementsByTagName('input');
var len = el.length;
for(var i=0; i<len; i++)
{
if((el[i].type=="checkbox") && (el[i].name==name))
{
el[i].checked = true;
}
}
}
function clearAll(name)
{
var el = document.getElementsByTagName('input');
var len = el.length;
for(var i=0; i<len; i++)
{
if((el[i].type=="checkbox") && (el[i].name==name))
{
el[i].checked = false;
}
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:GridView ID="GridView1" runat="server" Font-Size="10pt" Height="215px" Width="698px" DataKeyNames="id">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<input value ="<%#Eval("id") %>" name = "chOne" type="checkbox" />
</ItemTemplate>
<HeaderTemplate>
<input id="chkAll" name ="chkAll" onclick="if(this.checked==true){checkAll('chOne');}else{clearAll('chOne')}" type="checkbox" />
</HeaderTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</form>
</body>
</html>
{
if (DataGrid1.Controls == null || DataGrid1.Controls.Count == 0)
{
return;
}
foreach (DataGridItem item in DataGrid1.Controls[0].Controls)
{
if (item.ItemType == ListItemType.Header)
{
CheckBox chkAll = (CheckBox)item.FindControl("chkAll");
//chkAll.Attributes.Add("onclick", "checkStatus()");
System.Text.StringBuilder strScript = new System.Text.StringBuilder("<script language='javascript'> \n");
strScript.Append(" function checkStatus(test) { \n"); strScript.Append(" var bAll = true; \n");
strScript.Append(" bAll = document.all('" + chkAll.ClientID + "').checked; \n");
strScript.Append(" if(test=='1')\n{\n");
strScript.Append(" bAll = document.all('" + chkAll.ClientID + "').checked; \n");
strScript.Append(" if (bAll){bAll=false;}else{bAll=true;}\n");
strScript.Append(" document.all('" + chkAll.ClientID + "').checked=bAll;\n");
strScript.Append(" }else{\n");
strScript.Append(" bAll = document.all('" + chkAll.ClientID + "').checked;} \n"); for (int i = 0; i < DataGrid1.Items.Count; i++)
{
strScript.Append(" document.all('" +
DataGrid1.Items[i].Cells[0].FindControl("chkselect").ClientID +
"').checked = bAll; \n");
}
strScript.Append(" } \n");
strScript.Append("</script> \n"); if (!Page.IsClientScriptBlockRegistered("checkStatus"))
Page.RegisterClientScriptBlock("checkStatus", strScript.ToString()); return; }
}
}