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 相关文章推荐
tagName的使用,留一笔
Jun 26 Javascript
jQuery textarea的长度进行验证
May 06 Javascript
JS实现把鼠标放到链接上出现滚动文字的方法
Apr 06 Javascript
基于EasyUI的基础之上实现树形功能菜单
Jun 28 Javascript
微信小程序三级联动地址选择器的实例代码
Jul 12 Javascript
详解Vue学习笔记进阶篇之列表过渡及其他
Jul 17 Javascript
Bootstrap与Angularjs的模态框实例代码
Aug 03 Javascript
js禁止浏览器页面后退功能的实例(推荐)
Sep 01 Javascript
JS实现统计字符串中字符出现个数及最大个数功能示例
Jun 04 Javascript
css配合JavaScript实现tab标签切换效果
Oct 11 Javascript
微信实现自动跳转到用其他浏览器打开指定APP下载
Feb 15 Javascript
在微信小程序中使用图表的方法示例
Apr 25 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安全防范技巧分享
2011/11/03 PHP
PHP往XML中添加节点的方法
2015/03/12 PHP
smarty模板引擎之内建函数用法
2015/03/30 PHP
PHP递归创建多级目录
2015/11/05 PHP
php开发工具有哪五款
2015/11/09 PHP
PHP实现从PostgreSQL数据库检索数据分页显示及根据条件查找数据示例
2018/06/09 PHP
不能再简单的无闪刷新验证码原理很简单
2007/11/05 Javascript
DOM 基本方法
2009/07/18 Javascript
用JQuery 实现AJAX加载XML并解析的脚本
2009/07/25 Javascript
比较全面的event对像在IE与FF中的区别 推荐
2009/09/21 Javascript
从面试题学习Javascript 面向对象(创建对象)
2012/03/30 Javascript
js如何判断不同系统的浏览器类型
2013/10/28 Javascript
Jquery实现自定义窗口随意的拖拽
2014/03/12 Javascript
IE浏览器中图片onload事件无效的解决方法
2014/04/29 Javascript
JavaScript 学习笔记之变量及其作用域
2015/01/14 Javascript
JavaScript定时显示广告代码分享
2015/03/02 Javascript
window.open()实现post传递参数
2015/03/12 Javascript
Jquery全选与反选点击执行一次的解决方案
2015/08/14 Javascript
js 判断一组日期是否是连续的简单实例
2016/07/11 Javascript
jQuery使用$获取对象后检查该对象是否存在的实现方法
2016/09/04 Javascript
Vue.js动态组件解析
2016/09/09 Javascript
bootstrap modal弹出框的垂直居中
2016/12/14 Javascript
jQuery Mobile漏洞会有跨站脚本攻击风险
2017/02/12 Javascript
JS闭包可被利用的常见场景小结
2017/04/09 Javascript
在 Node.js 中使用原生 ES 模块方法解析
2017/09/19 Javascript
解决Python传递中文参数的问题
2015/08/04 Python
python制作企业邮箱的爆破脚本
2016/10/05 Python
Django Rest framework解析器和渲染器详解
2019/07/25 Python
如何理解python对象
2020/06/21 Python
Dyson加拿大官方网站:购买戴森吸尘器,风扇,冷热器及配件
2016/10/26 全球购物
外贸公司实习自我鉴定
2013/09/24 职场文书
运动会开幕式主持词
2014/03/28 职场文书
心理咨询承诺书
2014/05/20 职场文书
小学课外活动总结
2014/07/09 职场文书
党员干部公开承诺书范文
2015/04/27 职场文书
Vue全家桶入门基础教程
2021/05/14 Vue.js