首先先添加个模版列,然后编辑模版列,在里面拖2个HtmlControl的CheckBox,HeaderTemplate中的CheckBox的ID为:chkHeader; ItemTemplate中的CheckBox的ID为:chkItem ;
模版列代码如下:
<
asp:TemplateColumn
>
< HeaderTemplate >
< INPUT id="chkHeader " onclick = javascript:SelectAll( this ); type = checkbox >
</ HeaderTemplate >
< ItemTemplate >
< INPUT id = chkItem type = checkbox >
</ ItemTemplate >
</ asp:TemplateColumn >
< HeaderTemplate >
< INPUT id="chkHeader " onclick = javascript:SelectAll( this ); type = checkbox >
</ HeaderTemplate >
< ItemTemplate >
< INPUT id = chkItem type = checkbox >
</ ItemTemplate >
</ asp:TemplateColumn >
其次在前台就可以对它进行操作了,前台的JavaScript中的代码如下:
<
script language
=
javascript
>
function SelectAll(chkbox)
{
var theBox=chkbox;
xState=theBox.checked;
elem=theBox.form.elements;
for(i=0;i<elem.length;i++)
if(elem[i].type=="checkbox" && elem[i].id!=theBox.id)
{
if(elem[i].checked!=xState)
elem[i].click();
}
}
</ script >
function SelectAll(chkbox)
{
var theBox=chkbox;
xState=theBox.checked;
elem=theBox.form.elements;
for(i=0;i<elem.length;i++)
if(elem[i].type=="checkbox" && elem[i].id!=theBox.id)
{
if(elem[i].checked!=xState)
elem[i].click();
}
}
</ script >
然后Ctrl + F5 OK了