源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

asp.net GridView控件中实现全选的解决方案

  • 时间:2020-06-06 13:14 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:asp.net GridView控件中实现全选的解决方案
第一种:利用客户端控件实现 JS:
[u]复制代码[/u] 代码如下:
<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控件:
[u]复制代码[/u] 代码如下:
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" > <Columns> <asp:BoundField DataField="ProductID" HeaderText="产品编号" /> <asp:TemplateField> <HeaderTemplate> <input id="ck" type="checkbox" onclick="checkAll();" /> </HeaderTemplate> <ItemTemplate> <asp:CheckBox ID="checkbox1" runat="server" /> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView>             
第二种:利用服务器端控件实现
[u]复制代码[/u] 代码如下:
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; } } } }
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部