GridView中CheckBox全选
GridView中CheckBox全选
1.当眉头点击时,下面的DataRow全选与否
function selectAll(opt)
{
var chkArray = window.document.getElementsByTagName("input");
var isCheck = opt.checked;
for(var i = 0; i< chkArray.length; i++)
{
if(chkArray[i].type != "checkbox")
{
continue;
}
if(opt != chkArray[i])
{
chkArray[i].checked = isCheck;
}
}
}
2.当点击DataRow时,眉头checkbox选中与否
function chkcheckedall(chkname)
{
var flag=false;
var elem=null;
for(i=0;i<22;i++)
{
if(i<10)
elem=document.getElementById('ctl00_maincontent_FSLGridView1_ctl'+'0'+i+'_'+chkname);
else
elem=document.getElementById('ctl00_maincontent_FSLGridView1_ctl'+i+'_'+chkname);
if(elem!=null)
{
if(elem.checked)
{flag=true;continue;}
else
{flag=false;break;}
}
}
if(flag)
document.getElementById("ctl00_maincontent_FSLGridView1_ctl01_chkAll").checked=true;
else
document.getElementById("ctl00_maincontent_FSLGridView1_ctl01_chkAll").checked=false;
}
页面代码:
<asp:TemplateField>
<HeaderTemplate>
<asp:CheckBox ID="chkAll" runat="server"
onclick="selectAll(this)"/>
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="chkSelected" runat="server"
Checked='<%# IsSelected(Eval("ID") as string) %>' onclick="chkcheckedall('chkSelected')" />
</ItemTemplate>
</asp:TemplateField>

浙公网安备 33010602011771号