asp.net GridView控件中实现全选的解决方案
39 浏览量
2021-01-20
07:24:28
上传
评论
收藏 39KB PDF 举报
asp.net GridView控件中实现全选的解决方案控件中实现全选的解决方案
第一种：利用客户端控件实现
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” onclick=”checkAll();” />
</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 2.0/3.5中直接操作Gridview控件插入新记录asp.net GridView控件鼠标移动某行改变背景颜色
(方法一)asp.net GridView控件中模板列CheckBox全选、反选、取消ASP.NET2.0中用Gridview控件操作数据的代码ASP.NET
GridView控件在列上格式化时间及DataFormatString使用asp.net的GridView控件使用方法大全asp.net中GridView控件遍历的
小例子Asp.net的GridView控件实现单元格可编辑方便用户使用ASP.NET4 GridView的四种排序样式详解ASP.NET使用
weixin_38741540
- 粉丝: 6
- 资源: 961
最新资源
- 基于UC3842+LTS26Q1565A设计PC机充电器 硬件（原理图+PCB）工程文件.zip
- Hive SQL经典面试题，大数据SQL经典面试题
- Qt实现喷码器代码，实现二维码、条形码、图形的旋转、移动等
- 基于LM324芯片比较器传感器模块AD09设计硬件（原理图+PCB）工程文件.zip
- HTTP请求 - 记一笔-添加记账.jmx
- 2205040245凡永超硬间隔svm.ipynb
- Qt喷码器demo，演示软件，不是代码
- 目标跟踪-基于目标中心点同时进行目标检测+目标跟踪算法实现-项目源码-优质项目实战.zip
- Python《文本特征分析-全唐诗数据挖掘及分析 》+源代码
- Netron-Setup-4.5.0
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
评论0