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与自动伸缩图片 自动缩小图片的多浏览器兼容的方法总结
Mar 12 Javascript
JavaScript中最简洁的编码html字符串的方法
Oct 11 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【一】
May 10 Javascript
Jquery删除css属性的简单方法
Dec 04 Javascript
jQuery实现弹幕效果
Feb 17 Javascript
js读取json文件片段中的数据实例
Mar 09 Javascript
JS判断两个对象内容是否相等的方法示例
Apr 10 Javascript
angularjs实现简单的购物车功能
Sep 21 Javascript
Angular4学习教程之DOM属性绑定详解
Jan 04 Javascript
Vue使用虚拟dom进行渲染view的方法
Dec 26 Javascript
Vuejs中的watch实例详解(监听者)
Jan 05 Javascript
原生js实现下拉框选择组件
Jan 20 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
Phpbean路由转发的php代码
2008/01/10 PHP
深入for,while,foreach遍历时间比较的详解
2013/06/08 PHP
使用php显示搜索引擎来的关键词
2014/02/13 PHP
Yii框架实现多数据库配置和操作的方法
2017/05/25 PHP
php读取本地json文件的实例
2018/03/07 PHP
几款极品的javascript压缩混淆工具
2007/05/16 Javascript
拖动布局之保存布局页面cookies篇
2010/10/29 Javascript
解析JavaScript中的标签语句
2013/06/19 Javascript
浅析document.createDocumentFragment()与js效率
2013/07/08 Javascript
采用call方式实现js继承
2014/05/20 Javascript
jQuery中nextAll()方法用法实例
2015/01/07 Javascript
浅谈jQuery的offset()方法及示例分享
2015/07/17 Javascript
JavaScript制作简单的日历效果
2016/03/10 Javascript
浅析JavaScript中break、continue和return的区别
2016/11/30 Javascript
原生js获取left值和top值的三种方法
2017/08/02 Javascript
vue中keep-alive的用法及问题描述
2018/05/15 Javascript
JavaScript轮播停留效果的实现思路
2018/05/24 Javascript
Vue项目服务器部署之子目录部署方法
2019/05/12 Javascript
更优雅的微信小程序骨架屏实现详解
2019/08/07 Javascript
javascript设计模式 ? 备忘录模式原理与用法实例分析
2020/04/21 Javascript
[37:22]DOTA2上海特级锦标赛D组资格赛#2 Liquid VS VP第一局
2016/02/28 DOTA
python3.5仿微软计算器程序
2020/03/30 Python
在Pycharm中对代码进行注释和缩进的方法详解
2019/01/20 Python
使用selenium和pyquery爬取京东商品列表过程解析
2019/08/15 Python
Django models文件模型变更错误解决
2020/05/11 Python
Python3.9最新版下载与安装图文教程详解(Windows系统为例)
2020/11/28 Python
瑰珀翠美国官网:Crabtree & Evelyn美国
2016/11/29 全球购物
德国baby-markt婴儿用品瑞士网站:baby-markt.ch
2017/06/09 全球购物
super关键字的用法
2012/04/10 面试题
会计自我鉴定范文
2013/10/06 职场文书
汽车专业毕业生自荐信
2013/11/03 职场文书
区域销售经理岗位职责
2013/12/10 职场文书
《狼》教学反思
2014/03/02 职场文书
春季运动会开幕词
2015/01/28 职场文书
2016年6月份红领巾广播稿
2015/12/21 职场文书
基于JavaScript实现年月日三级联动
2021/06/22 Javascript