<script language="javascript" type="text/javascript">
function SelectAll(chkVal,idVal)
{
var frm = document.forms[0];
for(i=0;i<frm.length;i++)
{
if(idVal.indexOf('chkAll')!=-1) //zhao
{
if(chkVal ==true)
{
frm.elements[i].checked = true;
}
else
{
frm.elements[i].checked = false;
}
}
else
{
if(idVal.indexOf('chkSingle')!=-1)
{ // 如果发现子checkbox 有一个没有选中
if(frm.elements[i].checked == false)
{
frm.elements[1].checked= false;
}
}
}
}
}
</script>
== 调用 asp:TemplateField>
<HeaderTemplate>
<input id="chkAll" runat="server" οnclick="SelectAll(this.checked,this.id)" type="checkbox" />全选
</HeaderTemplate>
<ItemTemplate>
<input id="chkSingle" runat="server" type="checkbox" οnclick="SelectAll(this.checked,this.id)" value='<%# Eval("ID") %>' />
</ItemTemplate>
</asp:TemplateField>
==实现二
<script language="javascript" type="text/javascript">
//头部中控制
function check(obj)
{
if(obj.checked==true)
{
selectAll();
}
else
{
cancelAll();
}
}
//全选
function selectAll()
{
var ele = document.form1.elements;
for(i=0;i<ele.length;i++)
{
if(ele[i].type=="checkbox" &&ele[i].id!='all')
{
ele[i].checked = true;
}
}
}
//取消全选
function cancelAll()
{
var ele = document.form1.elements;
for(i=0;i<ele.length;i++)
{
if(ele[i].type=="checkbox" &&ele[i].id!='all')
{
ele[i].checked = false;
}
}
}
</script>
==调用
<asp:TemplateField>
<HeaderTemplate>
<input id="all" runat="server" type="checkbox" οnclick="check(this)" />全选
</HeaderTemplate>
<ItemTemplate>
<input type="checkbox" id="item" runat="server" />
</ItemTemplate>
</asp:TemplateField>