asp.net GridView控件中实现全选的解决方案_asp.net教程-查字典教程网
asp.net GridView控件中实现全选的解决方案
asp.net GridView控件中实现全选的解决方案
发布时间:2016-12-29 来源:查字典编辑
摘要:第一种:利用客户端控件实现JS:复制代码代码如下:functioncheckAll(){varchecklist=document.getE...

第一种:利用客户端控件实现

JS:

复制代码 代码如下:

<script type="text/javascript">

function checkAll()

{

var checklist=document.getElementsByTagName("input");

for(var i=0;i<checklist.length;i++)

{

if(checklist[i].type=="checkbox")

{

checklist[i].checked=document.form1.ck.checked;

}

}

}

</script>

GridView控件:

复制代码 代码如下:

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" >

<Columns>

<asp:BoundField DataField="ProductID" HeaderText="产品编号" />

<asp:TemplateField>

<HeaderTemplate>

<input id="ck" type="checkbox" />

</HeaderTemplate>

<ItemTemplate>

<asp:CheckBox ID="checkbox1" runat="server" />

</ItemTemplate>

</asp:TemplateField>

</Columns>

</asp:GridView>

第二种:利用服务器端控件实现

复制代码 代码如下:

protected void 全选_CheckedChanged(object sender, EventArgs e)

{

if (全选.Checked == true)

{

for (int i = 0; i < GridView1.Rows.Count; i++)

{

CheckBox ck = (CheckBox)GridView1.Rows[i].Cells[0].FindControl("checkbox1") as CheckBox;

if (ck!=null)

{

ck.Checked = true;

}

}

}

else

{

for (int i = 0; i < GridView1.Rows.Count; i++)

{

CheckBox ck = (CheckBox)GridView1.Rows[i].Cells[0].FindControl("checkbox1") as CheckBox;

if (ck != null)

{

ck.Checked = false;

}

}

}

}

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新asp.net教程学习
    热门asp.net教程学习
    编程开发子分类