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 相关文章推荐
jQuery Flash/MP3/Video多媒体插件
Jan 18 Javascript
解决jquery版本冲突的有效方法
Sep 02 Javascript
JS+CSS实现弹出全屏灰黑色透明遮罩效果的方法
Dec 20 Javascript
浅谈JavaScript数据类型
Mar 03 Javascript
JavaScript判断数组重复内容的两种方法(推荐)
Jun 06 Javascript
bootstrap table实例详解
Jan 06 Javascript
JS简单实现点击按钮或文字显示遮罩层的方法
Apr 27 Javascript
javascript+html5+css3自定义弹出窗口效果
Oct 26 Javascript
基于Bootstrap表单验证功能
Nov 17 Javascript
浅谈Postman解决token传参的问题
Mar 31 Javascript
DatePickerDialog 自定义样式及使用全解
Jul 09 Javascript
element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)
Dec 02 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
DC《神奇女侠2》因疫情推迟上映 温子仁新恐怖片《恶性》撤档
2020/04/09 欧美动漫
php利用header函数实现文件下载时直接提示保存
2009/11/12 PHP
laravel框架分组控制器和分组路由实现方法示例
2020/01/25 PHP
THINKPHP5.1 Config的配置与获取详解
2020/06/08 PHP
通过PHP实现用户注册后邮箱验证激活
2020/11/10 PHP
JS 非图片动态loading效果实现代码
2010/04/09 Javascript
jquery模拟SELECT下拉框取值效果
2013/10/23 Javascript
Javascript 遍历页面text控件详解
2014/01/06 Javascript
JQuery实现超链接鼠标提示效果的方法
2015/06/10 Javascript
Javascript中的作用域和上下文深入理解
2015/07/03 Javascript
javascript实现label标签跳出循环操作
2016/03/06 Javascript
JavaScript中split与join函数的进阶使用技巧
2016/05/03 Javascript
jQuery.Validate表单验证插件的使用示例详解
2017/01/04 Javascript
webpack配置文件和常用配置项介绍
2017/04/28 Javascript
vue通过watch对input做字数限定的方法
2017/07/13 Javascript
vue父子组件的嵌套的示例代码
2017/09/08 Javascript
深入浅析Vue中的slots/scoped slots
2018/04/03 Javascript
ES6入门教程之Array.from()方法
2019/03/23 Javascript
基于javascript的无缝滚动动画1
2020/08/07 Javascript
python 快速排序代码
2009/11/23 Python
对pandas的层次索引与取值的新方法详解
2018/11/06 Python
在python中以相同顺序shuffle两个list的方法
2018/12/13 Python
对python3 Serial 串口助手的接收读取数据方法详解
2019/06/12 Python
基于Python把网站域名解析成ip地址
2020/05/25 Python
python中复数的共轭复数知识点总结
2020/12/06 Python
python switch 实现多分支选择功能
2020/12/21 Python
可以使用抽象函数重写基类中的虚函数吗
2013/06/02 面试题
继承时候类的执行顺序问题,一般都是选择题,问你将会打印出什么?
2015/11/18 面试题
园长自我鉴定
2013/10/06 职场文书
医学专业五年以上个人求职信
2013/12/03 职场文书
幼儿园教学随笔感言
2014/02/23 职场文书
财务负责人岗位职责
2015/02/03 职场文书
Golang实现AES对称加密的过程详解
2021/05/20 Golang
PHP使用QR Code生成二维码实例
2021/07/07 PHP
Java使用Unsafe类的示例详解
2021/09/25 Java/Android
Win10 和 Win11可以共存吗? win10/11产品生命周期/服务更新介绍
2021/11/21 数码科技