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 相关文章推荐
jQuery 中关于CSS操作部分使用说明
Jun 10 Javascript
js 数值项目的格式化函数代码
May 14 Javascript
zShowBox 图片放大展示jquery版 兼容性
Sep 24 Javascript
js中符号转意问题示例探讨
Aug 19 Javascript
js调用后台、后台调用前台等方法总结
Apr 17 Javascript
javascript实现对表格元素进行排序操作
Nov 18 Javascript
react-native fetch的具体使用方法
Nov 01 Javascript
js指定日期增加指定月份的实现方法
Dec 19 Javascript
微信小程序实现简单跑马灯效果
May 26 Javascript
JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去
Jul 23 Javascript
JS实现网页烟花动画效果
Mar 10 Javascript
antd配置config-overrides.js文件的操作
Oct 31 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
3
2006/10/09 PHP
实现树状结构的两种方法
2006/10/09 PHP
你应该知道PHP浮点数知识
2015/05/13 PHP
详解PHP神奇又有用的Trait
2019/03/25 PHP
PHP中类与对象功能、用法实例解读
2020/03/27 PHP
JXTree对象,读取外部xml文件数据,生成树的函数
2007/04/02 Javascript
学习ExtJS Window常用方法
2009/10/07 Javascript
javascript 在网页中的运用(asp.net)
2009/11/23 Javascript
jquery插件之easing 动态菜单
2010/08/21 Javascript
javascript中使用css需要注意的地方小结
2010/09/01 Javascript
原生javascript图片自动或手动切换示例附演示源码
2013/09/04 Javascript
jQuery中removeProp()方法用法实例
2015/01/05 Javascript
JS禁用页面上所有控件的实现方法(附demo源码下载)
2015/12/17 Javascript
jQuery form 表单验证插件(fieldValue)校验表单
2016/01/24 Javascript
Javascript单例模式的介绍和实例
2016/10/08 Javascript
vue服务端渲染的实例代码
2017/08/28 Javascript
JS库之Three.js 简易入门教程(详解之一)
2017/09/13 Javascript
JS库 Highlightjs 添加代码行号的实现代码
2017/09/13 Javascript
vue实现打地鼠小游戏
2020/08/21 Javascript
Python遍历zip文件输出名称时出现乱码问题的解决方法
2015/04/08 Python
在Python的Tornado框架中实现简单的在线代理的教程
2015/05/02 Python
Windows系统下使用flup搭建Nginx和Python环境的方法
2015/12/25 Python
Python实现针对给定单链表删除指定节点的方法
2018/04/12 Python
从运行效率与开发效率比较Python和C++
2018/12/14 Python
使用python制作游戏下载进度条的代码(程序说明见注释)
2019/10/24 Python
Python面向对象程序设计之静态方法、类方法、属性方法原理与用法分析
2020/03/23 Python
Pycharm及python安装详细教程(图解)
2020/07/31 Python
CSS3 特效范例整理
2011/08/22 HTML / CSS
使用分层画布来优化HTML5渲染的教程
2015/05/08 HTML / CSS
萨克斯第五大道的折扣店:Saks Fifth Avenue OFF 5TH
2016/08/25 全球购物
与世界上最好的跑步专业品牌合作:Fleet Feet
2019/03/22 全球购物
新闻专业学生的自我评价
2014/02/13 职场文书
建筑专业毕业生求职信
2014/09/30 职场文书
欢迎新生标语
2014/10/06 职场文书
送给教师们,到底该如何写好教学反思?
2019/07/02 职场文书
Python 中random 库的详细使用
2021/06/03 Python