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父窗口关闭时子窗口随之关闭完美解决方案
Apr 29 Javascript
javascript中获取class的简单实现
Jul 12 Javascript
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
Mar 24 jQuery
深入理解Vue-cli搭建项目后的目录结构探秘
Jul 13 Javascript
vue 全选与反选的实现方法(无Bug 新手看过来)
Feb 09 Javascript
vue实现键盘输入支付密码功能
Aug 18 Javascript
微信小程序使用swiper组件实现层叠轮播图
Nov 04 Javascript
webgl实现物体描边效果的方法介绍
Nov 27 Javascript
ES6如何用一句代码实现函数的柯里化
Jan 18 Javascript
Vue.js中Line第三方登录api的实现代码
Jun 29 Javascript
VSCode 配置uni-app的方法
Jul 11 Javascript
vue中v-model对select的绑定操作
Aug 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
改变Apache端口等配置修改方法
2008/06/05 PHP
PHP进行批量任务处理不超时的解决方法
2016/07/11 PHP
HTML TO JavaScript 转换
2006/06/26 Javascript
jQuery随便控制任意div隐藏的方法
2013/06/28 Javascript
javascript抽象工厂模式详细说明
2014/12/16 Javascript
使用JavaScriptCore实现OC和JS交互详解
2017/03/28 Javascript
javascript 面向对象实战思想分享
2017/09/07 Javascript
angularjs路由传值$routeParams详解
2020/09/05 Javascript
JS中DOM元素的attribute与property属性示例详解
2018/09/04 Javascript
vue-自定义组件传值的实例讲解
2018/09/18 Javascript
node.js中ws模块创建服务端和客户端,网页WebSocket客户端
2019/03/06 Javascript
VueJs里利用CryptoJs实现加密及解密的方法示例
2019/04/29 Javascript
Vue可自定义tab组件用法实例
2019/10/24 Javascript
JS数组的常用10种方法详解
2020/05/08 Javascript
JavaScript异步操作的几种常见处理方法实例总结
2020/05/11 Javascript
[05:16]《大圣!大圣》——DOTA2新英雄齐天大圣配音李世宏老师专访
2016/12/13 DOTA
打开电脑上的QQ的python代码
2013/02/10 Python
Python中字符串List按照长度排序
2019/07/01 Python
python监控进程状态,记录重启时间及进程号的实例
2019/07/15 Python
Python Pandas数据中对时间的操作
2019/07/30 Python
python opencv将图片转为灰度图的方法示例
2019/07/31 Python
Django关于admin的使用技巧和知识点
2020/02/10 Python
python GUI库图形界面开发之PyQt5表格控件QTableView详细使用方法与实例
2020/03/01 Python
python 基于pygame实现俄罗斯方块
2021/03/02 Python
利用CSS3实现自定义滚动条代码分享
2016/08/18 HTML / CSS
美国求婚钻戒网站:Super Jeweler
2016/08/27 全球购物
特步官方商城:Xtep
2017/03/21 全球购物
金牌葡萄酒俱乐部:Gold Medal Wine Club
2017/11/02 全球购物
泰国王权免税店官方网站:KingPower
2019/03/11 全球购物
健康家庭事迹材料
2014/05/02 职场文书
老干部工作先进集体事迹材料
2014/05/21 职场文书
高中教师个人总结
2015/02/10 职场文书
酒店厨房管理制度
2015/08/06 职场文书
周一问候语大全
2015/11/10 职场文书
对Golang中的FORM相关字段理解
2021/05/02 Golang
关于React Native 无法链接模拟器的问题
2021/06/21 Javascript