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 09 Javascript
javascript this用法小结
Dec 19 Javascript
javascript 面向对象思想 附源码
Jul 07 Javascript
jQuery 开发者应该注意的9个错误
May 03 Javascript
jquery的clone方法应用于textarea和select的bug修复
Jun 26 Javascript
jquery实现手风琴效果
Nov 20 Javascript
JavaScript使用DeviceOne开发实战(三)仿微信应用
Dec 02 Javascript
浅谈javascript运算符——条件,逗号,赋值,()和void运算符
Jul 15 Javascript
详解vue2父组件传递props异步数据到子组件的问题
Jun 29 Javascript
Vue.js学习笔记之常用模板语法详解
Jul 25 Javascript
详解如何使用webpack在vue项目中写jsx语法
Nov 08 Javascript
vant 时间选择器--开始时间和结束时间实例
Nov 04 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通过strpos查找字符串出现位置的方法
2015/03/17 PHP
php微信开发之谷歌测距
2018/06/14 PHP
PHP+mysql防止SQL注入的方法小结
2019/04/27 PHP
laravel http 自定义公共验证和响应的方法
2019/09/29 PHP
Laravel使用swoole实现websocket主动消息推送的方法介绍
2019/10/20 PHP
JavaScript开发规范要求(规范化代码)
2010/08/16 Javascript
JavaScript的类型简单说明
2010/09/03 Javascript
潜说js对象和数组
2011/05/25 Javascript
修复ie8&amp;chrome下window的resize事件多次执行
2011/10/20 Javascript
THREE.JS入门教程(2)着色器-上
2013/01/24 Javascript
模拟用户点击弹出新页面不会被浏览器拦截
2014/04/08 Javascript
AngularJS 实现按需异步加载实例代码
2015/10/18 Javascript
开启Javascript中apply、call、bind的用法之旅模式
2015/10/28 Javascript
Javascript类型系统之String字符串类型详解
2016/06/21 Javascript
最原始的jQuery注册验证方式
2016/10/11 Javascript
vue-router 中router-view不能渲染的解决方法
2017/05/23 Javascript
全站最详细的Vuex教程
2018/04/13 Javascript
微信用户访问小程序的登录过程详解
2019/09/20 Javascript
Vue的v-model的几种修饰符.lazy,.number和.trim的用法说明
2020/08/05 Javascript
Python脚本实现代码行数统计代码分享
2015/03/10 Python
Python实现Tab自动补全和历史命令管理的方法
2015/03/12 Python
python定时器(Timer)用法简单实例
2015/06/04 Python
python安装与使用redis的方法
2016/04/19 Python
Python3控制路由器——使用requests重启极路由.py
2016/05/11 Python
Python实现求笛卡尔乘积的方法
2017/09/16 Python
Flask配置Cors跨域的实现
2019/07/12 Python
python反爬虫方法的优缺点分析
2020/11/25 Python
美国著名的团购网站:Woot
2016/08/02 全球购物
澳大利亚在线购买葡萄酒:The Wine Collective
2020/02/20 全球购物
毕业生精彩的自我评价分享
2013/10/06 职场文书
博士生入学考试推荐信
2013/11/17 职场文书
幼儿园中班教学反思
2014/02/10 职场文书
中国梦读书活动总结
2014/07/10 职场文书
公务员年度个人总结
2015/02/12 职场文书
2015年设计师个人工作总结
2015/04/25 职场文书
运动会班级口号霸气押韵
2015/12/24 职场文书