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源码分析-05异步队列 Deferred 使用介绍
Nov 14 Javascript
Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)
Dec 12 Javascript
javascript随机之洗牌算法深入分析
Jun 07 Javascript
extjs每个组件要设置唯一的ID否则会出错
Jun 15 Javascript
关于编写性能高效的javascript事件的技术
Nov 28 Javascript
jquery实现页面虚拟键盘特效
Aug 08 Javascript
JavaScript基础知识点归纳(推荐)
Jul 09 Javascript
jQuery实现三级联动效果
Mar 02 Javascript
jQuery实现下拉菜单的实例代码
Jun 19 jQuery
利用10行js代码实现上下滚动公告效果
Dec 08 Javascript
angular 未登录状态拦截路由跳转的方法
Oct 09 Javascript
微信小程序 flexbox layout快速实现基本布局的解决方案
Mar 24 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
php 一元分词算法
2009/11/30 PHP
php网站来路获取代码(针对搜索引擎)
2010/06/08 PHP
php 目录与文件处理-郑阿奇(续)
2011/07/04 PHP
PHP中常见的密码处理方式和建议总结
2018/10/14 PHP
Yii框架视图、视图布局、视图数据块操作示例
2019/10/14 PHP
JavaScript性能陷阱小结(附实例说明)
2010/12/28 Javascript
服务器端的JavaScript脚本 Node.js 使用入门
2012/03/07 Javascript
jquery查找父元素、子元素(个人经验总结)
2014/04/09 Javascript
jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)
2014/05/11 Javascript
跟我学习javascript的垃圾回收机制与内存管理
2015/11/23 Javascript
js实现精确到秒的倒计时效果
2016/05/29 Javascript
实现JavaScript高性能的数据存储
2016/12/11 Javascript
Vue组件创建和传值的方法
2018/08/17 Javascript
H5+C3+JS实现双人对战五子棋游戏(UI篇)
2020/05/28 Javascript
Javascript和jquery在selenium的使用过程
2019/10/31 jQuery
JavaScript实现栈结构Stack过程详解
2020/03/07 Javascript
Python基于checksum计算文件是否相同的方法
2015/07/09 Python
Python实现上下班抢个顺风单脚本
2018/02/07 Python
Python matplotlib 画图窗口显示到gui或者控制台的实例
2018/05/24 Python
pandas 将list切分后存入DataFrame中的实例
2018/07/03 Python
利用python实现AR教程
2019/11/20 Python
使用Python画出小人发射爱心的代码
2019/11/23 Python
Python集成开发工具Pycharm的安装和使用详解
2020/03/18 Python
python如何调用字典的key
2020/05/25 Python
django ObjectDoesNotExist 和 DoesNotExist的用法
2020/07/09 Python
python实现文件+参数发送request的实例代码
2021/01/05 Python
Html5新特性用canvas标签画多条直线附效果截图
2014/06/30 HTML / CSS
H5离线存储Manifest原理及使用
2020/04/28 HTML / CSS
美国流行背包品牌:JanSport(杰斯伯)
2018/03/02 全球购物
《灯光》教学反思
2014/02/08 职场文书
新春寄语大全
2014/04/09 职场文书
应届生求职信范文
2014/05/26 职场文书
暑期培训班策划方案
2014/08/26 职场文书
2016年校园植树节广播稿
2015/12/17 职场文书
css实现两栏布局,左侧固定宽,右侧自适应的多种方法
2021/08/07 HTML / CSS
MySQL 计算连续登录天数
2022/05/11 MySQL