DataGrid 的 全选/取消全选 控制(CheckBox)
时间:2022-07-22
本文章向大家介绍DataGrid 的 全选/取消全选 控制(CheckBox),主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
DataGrid控件:
<Columns>
<asp:TemplateColumn>
<HeaderStyle Width="10px"></HeaderStyle>
<HeaderTemplate>
<INPUT id="CheckAll" name="CheckAll" type="checkbox" οnclick="ChooseAll()">
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox id="CheckBox1" runat="server"></asp:CheckBox>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="序号">
<HeaderStyle Wrap="False"></HeaderStyle>
<ItemTemplate>
<asp:Label runat="server" ID="labNO"></asp:Label>
</ItemTemplate>
</asp:TemplateColumn>
JavaScript函数:
var checkFlag = true;
function ChooseAll()
{
//if( !document.all("CheckAll").Checked ) // 全选
if( checkFlag ) // 全选
{
var inputs = document.all.tags("INPUT");
for (var i=0; i < inputs.length; i++) // 遍历页面上所有的 input
{
if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll" )
{
inputs[i].checked = true;
}
}
checkFlag = false;
}
else // 取消全选
{
var inputs = document.all.tags("INPUT");
for (var i=0; i < inputs.length; i++) // 遍历页面上所有的 input
{
if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll" )
{
inputs[i].checked = false;
}
}
checkFlag = true;
}
}
// <summary>
// 让用户加以确认删除数据。
// </summary>
function DelRec()
{
var inputs = document.all.tags("input");
var selectedLen = 0;
for( var i=0;i < inputs.length; i ++)
{
if(inputs[i].type == "checkbox")
{
if( inputs[i].checked )
{
if(inputs[i].id != "CheckAll")
{
selectedLen ++;
}
}
}
}
if( selectedLen == 0 )
{
alert("请先选择您要删除的数据!");
}
else
{
var flag = confirm("您确定要删除所选择的这 " + selectedLen + " 条数据吗?");
if(flag)
{
document.all("BtnDelRecord").click();
}
}
}
本文由来源 21aspnet,由 system_mush 整理编辑,其版权均为 21aspnet 所有,文章内容系作者个人观点,不代表 Java架构师必看 对观点赞同或支持。如需转载,请注明文章来源。
- 动态控件的新思路
- 独家分享 腾讯大神教你如何学习一门新的编程语言-以Python 为例
- 连续打印问题的解决
- 分布式监控系统Zabbix--完整安装记录-批量添加主机和自动发现端口
- 更新Mapx地图的字段
- 设置linux账号的有效时间
- relative定位的理解
- shell+curl监控网站页面(域名访问状态),并利用sedemail发送邮件
- 写稿机器人获“吴文俊奖”,能提升今日头条内容质量吗
- 使用jQuery自动缩图片 - [jQuery]
- apt-get update更新源时,出现“Hash Sum mismatch”问题
- linux下DHCP服务原理总结
- DIV的宽度自动适应功能
- 在虚拟主机上发布.Net应用的一些总结
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 为什么大家都说“SELECT *”效率低?
- 手把手教你如何搭建一套GPS定位系统平台
- [较难]LeetCode-4.寻找两个正序数组的中位数 利用数组扩充和二分法切割思想实现
- Go Errors 错误处理
- MySQL数据库备份实操
- spring-cloud-config:配置同步原理
- Newbe.Claptrap 框架入门,第二步 —— 简单业务,清空购物车
- 来自前端同学对后端童鞋的吐槽!@!#^$%
- Linux ADF(Atomic Display Framework)浅析---概述
- Swift进阶二:基本数据类型相关
- 控制反转与依赖注入
- 每日两题 T16
- 每日两题 T13
- 每日两题 T21
- 每日两题 T4