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 相关文章推荐
asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)
Mar 14 Javascript
5秒后跳转到另一个页面的js代码
Oct 12 Javascript
Javascript遍历Html Table示例(包括内容和属性值)
Jul 08 Javascript
coffeescript使用的方式汇总
Aug 05 Javascript
jQuery使用animate实现ul列表项相互飘动效果示例
Sep 16 Javascript
解析jQueryEasyUI的使用
Nov 22 Javascript
js阻止移动端页面滚动的两种方法
Jan 25 Javascript
vue.js分页中单击页码更换页面内容的方法(配合spring springmvc)
Feb 10 Javascript
vue+element UI实现树形表格带复选框的示例代码
Apr 16 Javascript
详解小程序云开发攻略(解决最棘手的问题)
Sep 30 Javascript
js实现上传图片并显示图片名称
Dec 18 Javascript
vue实现折线图 可按时间查询
Aug 21 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语法(3)
2006/10/09 PHP
php录入页面中动态从数据库中提取数据的实现
2006/10/09 PHP
PHP中Http协议post请求参数
2015/11/02 PHP
js下写一个事件队列操作函数
2010/07/19 Javascript
基于jquery实现放大镜效果
2015/08/17 Javascript
详解Bootstrap创建表单的三种格式(一)
2016/01/04 Javascript
jquery div模态窗口的简单实例
2016/05/28 Javascript
ES6所改良的javascript“缺陷”问题
2016/08/23 Javascript
MUI 解决动态列表页图片懒加载再次加载不成功的bug问题
2017/04/13 Javascript
Node.js+ES6+dropload.js实现移动端下拉加载实例
2017/06/01 Javascript
PHP 实现一种多文件上传的方法
2017/09/20 Javascript
webuploader实现上传图片到服务器功能
2018/08/16 Javascript
vue使用Google地图的实现示例代码
2018/12/19 Javascript
前端路由&amp;webpack基础配置详解
2019/06/10 Javascript
layui表格 列自动适应大小失效的解决方法
2019/09/06 Javascript
JavaScript工具库MyTools详解
2020/01/01 Javascript
Python translator使用实例
2008/09/06 Python
Python socket编程实例详解
2015/05/27 Python
Face++ API实现手势识别系统设计
2018/11/21 Python
tensorflow 初始化未初始化的变量实例
2020/02/06 Python
matplotlib图例legend语法及设置的方法
2020/07/28 Python
python识别验证码的思路及解决方案
2020/09/13 Python
详解KMP算法以及python如何实现
2020/09/18 Python
selenium如何定位span元素的实现
2021/01/13 Python
python模块内置属性概念及实例
2021/02/18 Python
上海天奕面试题笔试题
2015/04/19 面试题
财会专业毕业生自荐信
2014/07/09 职场文书
专题组织生活会发言材料
2014/10/17 职场文书
2014年工程部工作总结
2014/11/25 职场文书
2014年信息中心工作总结
2014/12/17 职场文书
小鞋子观后感
2015/06/05 职场文书
小学教育见习总结
2015/06/23 职场文书
三八节活动主持词
2015/07/04 职场文书
python中print格式化输出的问题
2021/04/16 Python
Python读写yaml文件
2022/03/20 Python
win10拖拽文件时崩溃怎么解决?win10文件不能拖拽问题解决方法
2022/08/14 数码科技