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();
}
}
}
DataGrid 的 全选/取消全选 控制(CheckBox)相关推荐
- jQuery 表单应用:全选/取消全选,表单验证,网页选项卡切换
应用一:单行文本框应用 需要用到的 API focus([[data],fn]) --> 当元素获得焦点时,触发 focus 事件 blur([[data],fn]) --> ...
- 表单全选取消全选案例
表单全选取消全选案例 要求: 点击上面全选复选框 , 下面所有的复选框都选中(全选) 再次点击全选复选框 , 下面所有的复选框都不选中(取消全选) 如果下面复选框全部选中 , 上面全选按钮自动选中 如 ...
- jquery全选/取消全选(反选)/单选操作
使用jQuery实现一组checkbox全选/取消全选,代码很简洁. jquery版本:2.0 先看看HTML代码,很简单的操作框 </head> <body><div& ...
- 实现全选/取消全选功能
这里是使用jquery为前提: 方法一: /*** 绑定全选/取消全选* @param checkAll 全选复选框* @param checkOne 单个复选框*/ function onCheck ...
- Android 切换全屏,取消全屏
切换全屏,取消全屏 /*** 切换全屏,取消全屏** @param isChecked*/ private void switchFullScreen(boolean isChecked) {if ( ...
- element-ui tree 点击章节节点勾选/取消勾选
element-ui tree 点击章节节点勾选/取消勾选 遇到一个需求,要求点击tree组件的章节时(不是点击checkBox),要进行节点勾选/取消勾选操作: 原本想的方案非常复杂,涉及到遍历父子 ...
- 【小白学前端】JS案例:表单全选取消全选
要求: 1.点击全选按钮,可以选中所有产品前的选择框: 2.再点击一次,取消全选 3.每个产品可以单独选中取消 4.每个产品都选中时,全选框自动选中 5.取消一个产品的选择时,全选框自动取消 HTML ...
- QAbstractItemView子类如:QTreeView、QTableView等子项单元格复选框勾选/取消勾选功能实现
1.前言 本博文所说的技术点适用于同时满足下面条件的所有QAbstractItemView视图类的子类: 模型类从 QAbstractItemModel派生. 代理类从QStyledItemDeleg ...
- vue 点击浏览器全屏取消全屏
<template><div><!-- 全屏 --><img @click="fullscreenToggel" v-if="f ...
最新文章
- 21天战拖记——Day10:“书柜整理法”再学习(2014-05-13)
- win10 uwp 使用 Matrix3DProjection 进行 3d 投影
- 6.24AppCan移动开发者大会价值30万的展示机会归了谁?
- 中文字体练习好看的手写字
- 良心推荐:高品质音乐播放器Audirvana for Mac
- JVM性能优化之CPU负载过高
- 【恋上数据结构】贪心(最优装载、零钱兑换、0-1背包)、分治(最大连续子序列和、大数乘法)
- 剑指Offer之二叉树的后序遍历序列
- 纯CSS实现鼠标滑过缩略图放大显示代码
- 数据结构——线性表的顺序表示
- 基于fo-dicom 的 Worklist CStore 我的学习实现路线
- html在线上传图片,kindeditor 图片上传
- 算法第3章上机实践报告
- 基于最小割的分割算法(Min-Cut Based Segmentation)
- vue-seamless-scroll的使用以及实例
- TradeGraph媲美交易软件的python量化交易K线工具
- 直播预告 | NeurIPS 专场八
- 国外物理学教程四大名著
- 投资理财-朋友好像的故事
- element cascader组件动态加载数据
热门文章
- java邮件接收代码,JavaMail入门第四篇 接收邮件(示例代码)
- c语言实验报告管理系统,C语言实验报告-学生信息资管理系统.doc
- dht11温湿度传感器c语言程序_手把手教你DIY一款性价比爆棚的温湿度计!
- 借助深度卷积神经网络对图片 GIF 视频进行超分辨率放大(即放大与降噪) 以及 对视频进行 插帧(即补帧).
- CV算法复现(分类算法3/6):VGG(2014年 牛津大学)
- 【系列文章】面向自动驾驶的三维点云处理与学习(2)
- CentOS 6.3+Python 2.7.10安装pycurl遇到的问题汇总
- 谁知道静态成员的纠结心境
- GIL+死锁与递归锁+信号量+event事件
- 【转】 Android快速开发系列 10个常用工具类 -- 不错