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禁止document element对象选中文本实现代码
Mar 21 Javascript
简洁Ajax函数处理(示例代码)
Nov 15 Javascript
JS实现点击上移下移LI行数据的方法
Aug 05 Javascript
AngularJS模块学习之Anchor Scroll
Jan 19 Javascript
jquery层级选择器的实现(匹配后代元素div)
Sep 05 Javascript
jQuery插件DataTable使用方法详解(.Net平台)
Dec 22 Javascript
详解Layer弹出层样式
Aug 21 Javascript
使用live-server快速搭建本地服务器+自动刷新的方法
Mar 09 Javascript
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
Feb 20 jQuery
vue2.0结合Element-ui实战案例
Mar 06 Javascript
vue-cli的build的文件夹下没有dev-server.js文件配置mock数据的方法
Apr 17 Javascript
原生js实现随机点餐效果
Dec 10 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
CakePHP去除默认显示的标题及图标的方法
2008/10/22 PHP
PHP分页显示制作详细讲解
2008/11/19 PHP
深入Memcache的Session数据的多服务器共享详解
2013/06/13 PHP
PHP magento后台无法登录问题解决方法
2016/11/24 PHP
thinkPHP框架实现生成条形码的方法示例
2018/06/06 PHP
PHP _construct()函数讲解
2019/02/03 PHP
PHP 图片处理
2020/09/16 PHP
js操作iframe的一些方法介绍
2013/06/25 Javascript
动态加载script文件的两种方法
2013/08/15 Javascript
纯javascript代码实现计算器功能(三种方法)
2015/09/07 Javascript
AngularJS 最常用的功能汇总
2016/02/17 Javascript
Node.js Express 框架 POST方法详解
2017/01/23 Javascript
简单实现js放大镜效果
2017/07/24 Javascript
react 父组件与子组件之间的值传递的方法
2017/09/14 Javascript
vue使用laydate时间插件的方法
2018/11/14 Javascript
js实现打字小游戏
2019/12/17 Javascript
微信小程序:报错(in promise) MiniProgramError
2020/10/30 Javascript
[01:13]2015国际邀请赛线下观战现场
2015/08/08 DOTA
[01:03:27]Optic vs VGJ.S 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
在Mac OS上使用mod_wsgi连接Python与Apache服务器
2015/12/24 Python
python获取指定字符串中重复模式最高的字符串方法
2018/06/29 Python
python输出电脑上所有的串口名的方法
2019/07/02 Python
在python中使用nohup命令说明
2020/04/16 Python
Python 基于jwt实现认证机制流程解析
2020/06/22 Python
HTML5的download属性详细介绍和使用实例
2014/04/23 HTML / CSS
Rockport乐步美国官网:风靡美国的白宫鞋
2016/11/24 全球购物
加拿大在线旅游公司:Flighthub
2019/03/11 全球购物
以实惠的价格轻松租车,免费取消:Easyrentcars
2019/07/16 全球购物
美国购买韩国护肤和美容产品网站:Althea Korea
2020/11/16 全球购物
2015年元旦演讲稿
2014/09/12 职场文书
2014年班级工作总结
2014/11/14 职场文书
写给医生的感谢信
2015/01/22 职场文书
结婚当天新郎保证书
2015/05/08 职场文书
农业项目投资意向书
2015/05/09 职场文书
大学班长竞选稿
2015/11/20 职场文书
asyncio异步编程之Task对象详解
2022/03/13 Python