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 相关文章推荐
javascript中常用编程知识
Apr 08 Javascript
Javascript和HTML5利用canvas构建Web五子棋游戏实现算法
Jul 17 Javascript
jquery弹出框的用法示例(一)
Aug 26 Javascript
浅谈Javascript线程及定时机制
Jul 02 Javascript
利用Vue.js指令实现全选功能
Sep 08 Javascript
js手动播放图片实现图片轮播效果
Sep 17 Javascript
JS中with的替代方法与String中的正则方法详解
Dec 23 Javascript
Vue2递归组件实现树形菜单
Apr 10 Javascript
浅谈React前后端同构防止重复渲染
Jan 05 Javascript
js 索引下标之li集合绑定点击事件
Jan 12 Javascript
JavaScript事件对象event用法分析
Jul 27 Javascript
vue 获取到数据但却渲染不到页面上的解决方法
Nov 19 Vue.js
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
二十行语句实现从Excel到mysql的转化
2006/10/09 PHP
php输出反斜杠的实例方法
2019/09/19 PHP
来自国外的页面JavaScript文件优化
2010/12/08 Javascript
给页面渲染时间加速 干掉Dom Level 0 Event
2012/12/19 Javascript
Jquery easyUI 更新行示例
2014/03/06 Javascript
JavaScript弹出窗口方法汇总
2014/08/12 Javascript
深入理解React中何时使用箭头函数
2017/08/23 Javascript
react 父组件与子组件之间的值传递的方法
2017/09/14 Javascript
javascript变量提升和闭包理解
2018/03/12 Javascript
vue.js内置组件之keep-alive组件使用
2018/07/10 Javascript
JavaScript时间与时间戳的转换操作实例分析
2018/12/07 Javascript
JavaScript数组特性与实践应用深入详解
2018/12/30 Javascript
微信小程序云开发之使用云存储
2019/05/17 Javascript
webpack常用配置总览(小结)
2019/11/18 Javascript
vue框架中props的typescript用法详解
2020/02/17 Javascript
使用python分析git log日志示例
2014/02/27 Python
python如何查看微信消息撤回
2018/11/27 Python
Python Gitlab Api 使用方法
2019/08/28 Python
浅谈python量化 双均线策略(金叉死叉)
2020/06/03 Python
Python如何telnet到网络设备
2021/02/18 Python
ajax是什么及其工作原理
2012/02/08 面试题
平面设计自荐信
2013/10/07 职场文书
大专应届生个人简历的自我评价
2013/10/15 职场文书
单位成立周年感言
2014/01/26 职场文书
2014党的群众路线教育实践活动总结材料
2014/10/31 职场文书
2014年党小组工作总结
2014/12/20 职场文书
捐款感谢信
2015/01/20 职场文书
经理岗位职责范本
2015/04/15 职场文书
2015年小学二年级班主任工作总结
2015/05/21 职场文书
常住证明范本
2015/06/23 职场文书
获奖感言怎么写
2015/07/31 职场文书
销售口号霸气押韵
2015/12/24 职场文书
2019客服个人年终工作总结范文
2019/07/08 职场文书
2019幼儿教师求职信(3篇)
2019/09/20 职场文书
纯html+css实现打字效果
2021/08/02 HTML / CSS
SpringBoot整合minio快速入门教程(代码示例)
2022/04/03 Java/Android