JavaScript实现GriwView单列全选(自写代码)


Posted in Javascript onMay 13, 2013

在 GridView 里有一系列的 Checkbox ,要实现对其全选或全不选。开始在网上找了,但是参考的代码会全选 GridView 里所有的 Checkbox ,而我要的是单列全选。如图:
JavaScript实现GriwView单列全选(自写代码) 
审核和权限是要分开的。
JavaScript实现GriwView单列全选(自写代码) 
JavaScript实现GriwView单列全选(自写代码)
我自己写了 JavaScript 代码,贴出来供大家参考。

function chkAll(CheckAll) { 
var items = document.getElementsByTagName("input"); 
for (var i = 0; i < items.length; i++) { 
if (items[i].type == "checkbox"){ 
for (var j = 2; j < 10; j++) { 
var id = "ctl00_ContentPlaceHolder1_GridView1_ctl0" + j + "_CheckBox1"; 
if (items[i].id == id) { 
items[i].checked = CheckAll.checked; 
} 
} 
} 
} 
}

其中,第5行的 j 和 第6行的 id 是用来确定同一列的 Checkbox,具体 j 的范围以及 id 可能不同,可以通过 alert(items[i].id); 遍历整个 items 查看相应的 id 。
前台的相应代码如下:
<asp:TemplateField HeaderText="审核"> 
<HeaderTemplate> 
<asp:CheckBox ID="chkAll" onclick='chkAll(this)' runat="server" /> 
审核 
</HeaderTemplate> 
<ItemTemplate> 
<asp:CheckBox ID="CheckBox1" Checked='<%# Eval("isCheck") %>' runat="server" /> 
</ItemTemplate> 
<ItemStyle HorizontalAlign="Center" Width="100px" /> 
</asp:TemplateField>
Javascript 相关文章推荐
event.currentTarget与event.target的区别介绍
Dec 31 Javascript
js jquery分别实现动态的文件上传操作按钮的添加和删除
Jan 13 Javascript
Jquery ajax加载等待执行结束再继续执行下面代码操作
Nov 24 Javascript
javascript实现延时显示提示框特效代码
Apr 27 Javascript
浅谈jQuery 中的事件冒泡和阻止默认行为
May 28 Javascript
JS代码实现百度地图 画圆 删除标注
Oct 12 Javascript
javascript 网页进度条简单实例
Feb 22 Javascript
vue.js或js实现中文A-Z排序的方法
Mar 08 Javascript
JS 数组随机洗牌的实例代码
Sep 12 Javascript
详解webpack+ES6+Sass搭建多页面应用
Nov 05 Javascript
layui表单验证select下拉框实现验证的方法
Sep 05 Javascript
js中延迟加载和预加载的具体使用
Jan 14 Javascript
jquery实现漂浮在网页右侧的qq在线客服插件示例
May 13 #Javascript
js 程序执行与顺序实现详解
May 13 #Javascript
JS/jQuery实现默认显示部分文字点击按钮显示全部内容
May 13 #Javascript
JS 加入收藏夹的代码(主流浏览器通用)
May 13 #Javascript
jQuery实现长文字部分显示代码
May 13 #Javascript
jq选项卡鼠标延迟的插件实例
May 13 #Javascript
jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法
May 13 #Javascript
You might like
用IE远程创建Mysql数据库的简易程序
2006/10/09 PHP
php&amp;java(一)
2006/10/09 PHP
无需重新编译php加入ftp扩展的解决方法
2013/02/07 PHP
解析PHP对现有搜索引擎的调用
2013/06/25 PHP
PHP实现利用MySQL保存session的方法
2014/08/23 PHP
php中ob_flush函数和flush函数用法分析
2015/03/18 PHP
laravel框架数据库操作、查询构建器、Eloquent ORM操作实例分析
2019/12/20 PHP
Javascript new Date().valueOf()的作用与时间戳由来详解
2013/04/24 Javascript
Node.js入门教程:在windows和Linux上安装配置Node.js图文教程
2014/08/14 Javascript
JQuery简单实现锚点链接的平滑滚动
2015/05/03 Javascript
基于Vue.js实现数字拼图游戏
2016/08/02 Javascript
JS 数字转换为大写金额的简单实例
2016/08/04 Javascript
vue组件父子间通信之综合练习(聊天室)
2017/11/07 Javascript
详解如何用模块化的方式写vuejs
2017/12/16 Javascript
Vue中render函数的使用方法
2018/01/31 Javascript
jQuery 实现倒计时天,时,分,秒功能
2018/07/31 jQuery
vue代码分割的实现(codesplit)
2018/11/13 Javascript
通过JS运行机制的角度说说作用域
2019/03/12 Javascript
简单了解小程序+node梳理登陆流程
2019/06/24 Javascript
vue回到顶部监听滚动事件详解
2019/08/02 Javascript
在CentOS6上安装Python2.7的解决方法
2018/01/09 Python
python生成以及打开json、csv和txt文件的实例
2018/11/16 Python
pandas把所有大于0的数设置为1的方法
2019/01/26 Python
python使用minimax算法实现五子棋
2019/07/29 Python
pyhton中__pycache__文件夹的产生与作用详解
2019/11/24 Python
Python 实现打印单词的菱形字符图案
2020/04/12 Python
Python操作MySQL数据库的示例代码
2020/07/13 Python
CSS3使用transition属性实现过渡效果
2018/04/18 HTML / CSS
AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代码
2020/08/19 HTML / CSS
YSL圣罗兰美妆美国官网:Yves Saint Lauret US
2016/11/21 全球购物
稀有和绝版书籍:Biblio.com
2017/02/02 全球购物
Tuckernuck官网:经典的美国品质服装、鞋子和配饰
2021/01/11 全球购物
char型变量中能不能存贮一个中文汉字
2015/07/08 面试题
大一自我鉴定范文
2013/12/27 职场文书
环保建议书
2014/03/12 职场文书
酒店总经理岗位职责
2015/04/01 职场文书