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 相关文章推荐
关于js new Date() 出现NaN 的分析
Oct 23 Javascript
jQuery 遍历- 关于closest() 的方法介绍以及与parents()的方法区别分析
Apr 26 Javascript
判断javascript的数据类型(示例代码)
Dec 11 Javascript
JS实现随机乱撞彩色圆球特效的方法
May 05 Javascript
javascript实现的字符串与十六进制表示字符串相互转换方法
Jul 17 Javascript
Jquery日历插件制作简单日历
Oct 28 Javascript
javascript实现tab切换特效
Nov 12 Javascript
详解Angular-cli生成组件修改css成less或sass的实例
Jul 27 Javascript
javascript获取图片的top N主色值方法详解
Jan 26 Javascript
JS散列表碰撞处理、开链法、HashTable散列示例
Feb 08 Javascript
vue webpack重写cookie路径的方法
Jul 10 Javascript
vue使用lodop打印控件实现浏览器兼容打印的方法
Feb 07 Vue.js
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
php页面缓存ob系列函数介绍
2012/10/18 PHP
Yii编程开发常见调用技巧集锦
2016/07/15 PHP
一组JS创建和操作表格的函数集合
2009/05/07 Javascript
jQuery live
2009/05/15 Javascript
javascript AutoScroller 函数类
2009/05/29 Javascript
jQuery插件 tabBox实现代码
2010/02/09 Javascript
PHP实现的各种中文编码转换类分享
2015/01/23 Javascript
JS+CSS实现可以凹陷显示选中单元格的方法
2015/03/02 Javascript
两行代码轻松搞定JavaScript日期验证
2016/08/03 Javascript
jquery判断iPhone、Android设备类型
2016/09/14 Javascript
Bootstrap基本插件学习笔记之模态对话框(16)
2016/12/08 Javascript
js实现tab选项卡切换功能
2017/01/13 Javascript
Js apply方法详解
2017/02/16 Javascript
JavaScript 过滤关键字
2017/03/20 Javascript
分享十三个最佳JavaScript数据网格库
2017/04/07 Javascript
浅谈webpack编译vue项目生成的代码探索
2017/12/11 Javascript
Nodejs下使用gm圆形裁剪并合成图片的示例
2018/02/22 NodeJs
JS表单传值和URL编码转换
2018/03/03 Javascript
原生js实现拖拽功能基本思路详解
2018/04/18 Javascript
微信小程序实现发红包功能
2018/07/11 Javascript
关于自定义Egg.js的请求级别日志详解
2018/12/12 Javascript
微信小程序 WXML节点信息查询详解
2019/07/29 Javascript
在Python中用keys()方法返回字典键的教程
2015/05/21 Python
Python函数式编程指南(一):函数式编程概述
2015/06/24 Python
Python机器学习算法之k均值聚类(k-means)
2018/02/23 Python
Django之Mode的外键自关联和引用未定义的Model方法
2018/12/15 Python
tensorflow下的图片标准化函数per_image_standardization用法
2020/06/30 Python
python 爬虫之selenium可视化爬虫的实现
2020/12/04 Python
中间件的定义
2016/08/09 面试题
社区敬老月活动实施方案
2014/02/17 职场文书
个人委托书怎么写
2014/09/17 职场文书
说好普通话圆梦你我他演讲稿
2014/09/21 职场文书
2014年小班保育员工作总结
2014/12/23 职场文书
本科毕业论文导师评语
2014/12/31 职场文书
2015年招商引资工作总结
2015/04/25 职场文书
MySQL查询学习之基础查询操作
2021/05/08 MySQL