JavaScript 实现 GriwView 单列全选

  在 GridView 里有一系列的 Checkbox ,要实现对其全选或全不选。开始在网上找了,但是参考的代码会全选 GridView 里所有的 Checkbox ,而我要的是单列全选。如图:

审核和权限是要分开的。

我自己写了 JavaScript 代码,贴出来供大家参考。

 1 function chkAll(CheckAll) {
 2             var items = document.getElementsByTagName("input");            
 3             for (var i = 0; i < items.length; i++) {
 4                 if (items[i].type == "checkbox"){  
 5                     for (var j = 2; j < 10; j++) {
 6                         var id = "ctl00_ContentPlaceHolder1_GridView1_ctl0" + j + "_CheckBox1";
 7                         if (items[i].id == id) {
 8                             items[i].checked = CheckAll.checked;
 9                         }
10                     }                    
11                 }                                         
12             }
13         }

其中,第5行的 j 和 第6行的 id 是用来确定同一列的 Checkbox,具体 j 的范围以及 id 可能不同,可以通过 alert(items[i].id); 遍历整个 items 查看相应的 id 。

前台的相应代码如下:

 1 <asp:TemplateField HeaderText="审核">
 2                     <HeaderTemplate>
 3                         <asp:CheckBox ID="chkAll" onclick='chkAll(this)' runat="server" />
 4                         审核
 5                     </HeaderTemplate>
 6                     <ItemTemplate>
 7                         <asp:CheckBox ID="CheckBox1" Checked='<%# Eval("isCheck") %>' runat="server" />
 8                     </ItemTemplate>
 9                     <ItemStyle HorizontalAlign="Center" Width="100px" />
10                 </asp:TemplateField>

 

转载于:https://www.cnblogs.com/roming/archive/2013/05/13/3075405.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/494107.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

自然语言处理(NLP)前沿进展报告

来源&#xff1a;专知摘要&#xff1a;2018年9 月 9 日-14 日&#xff0c;DeepMind主办的Deep Learning Indaba 2018 大会在南非斯泰伦博斯举行。会上&#xff0c;斯坦陵布什大学Herman Kamper和AYLIEN的Sebastian Ruder等专家做了《自然语言处理前言进展》的报告。报告首先探讨…

Android下利用Bitmap切割图片

在自己自定义的一个组件中由于需要用图片显示数字编号&#xff0c;而当前图片就只有一张&#xff0c;上面有0-9是个数字&#xff0c;于是不得不考虑将其中一个个的数字切割下来&#xff0c;需要显示什么数字&#xff0c;只需要组合一下就好了。 下面是程序的关键代码&#xff…

sap 登陆增强

SAP用户登录增强&#xff0c;对用户GUI登录有效&#xff0c;但对RFC访问登录(例如JCO)无效。增强类型是CMOD/SMOD&#xff0c;增强出口(exit)是SUSR0001。 一、增强操作步骤 tcode smod,”加强” 输入SUSR0001,”对象组件”选择”组件”&#xff0c;点击“修改”。双击功能模块…

两种不同的人工智能观:工程观点和科学观点

来源&#xff1a;人机与认知实验室作者按&#xff1a;人工智能是作为工程还是科学&#xff0c;这个问题是一个很严肃的问题&#xff0c;如果从工程技术角度来看人工智能&#xff0c;那么认知科学尤其是认知心理学、神经生理学对人类这样的生物智能的原理性认识&#xff0c;就不…

Hibernate常见问题

问题1&#xff0c;hql条件查询报错 执行Query session.createQuery(hql) 报错误直接跳到finally 解决方案 加入 <prop key"hibernate.query.factory_class">org.hibernate.hql.classic.ClassicQueryTranslatorFactory</prop> 节点 加入之后再次报错…

一个Excel导出类的实现过程(一):泛型与反射

对数据进行导出要求很常见&#xff0c;我们需要通用便离不了泛型和反射。这里从伪码开始&#xff0c;逐步加入业务需求、场景及边界&#xff0c;最终使用NPOI组件实现。 准备好业务中的实体类准备好&#xff1a; public class Person {public Int32 ID { get; set; }public Str…

BaseActivity与BaseFragment的封装

这篇博客主要是从BaseActivity与BaseFragment的封装开始&#xff0c;总结我们在实战开发中关于Fragment的注意事项以及心得体会。 先看以下效果图&#xff1a; 这里模拟的是用户登录模块&#xff0c;你可能会说&#xff0c;很普通的效果嘛&#xff0c;这有啥。嘿嘿&#xff0c…

学界 | 史上最强GAN图像生成器,Inception分数提高两倍

来源&#xff1a;Openreview,机器之心摘要&#xff1a;ICLR 2019 大会即将在明年 5 月 6 日于美国举行&#xff0c;9 月 27 日论文提交截止时间已过。本次大会共接收到了 1591 篇论文的投稿&#xff0c;数量相较今年的 1000 篇提升了近 60%。在双盲评审时&#xff0c;人们可以在…

Android之Bundle类

API文档说明 1.介绍 用于不同Activity之间的数据传递 1.重要方法 clear()&#xff1a;清除此Bundle映射中的所有保存的数据。clone()&#xff1a;克隆当前BundlecontainsKey(String key)&#xff1a;返回指定key的值getString(String key)&#xff1a;返回指定key的字符has…

一图理解腾讯本次组织结构重大变革的方向和目的

作者&#xff1a;刘锋 互联网进化论作者 计算机博士2018年9月30日&#xff0c;腾讯宣布公司架构调整&#xff0c;在原有七个事业群的基础上进行重组整合&#xff0c;形成新的6个事业群&#xff0c;在本次调整中&#xff0c;腾讯新成立了云与智慧产业事业群&#xff08;CSIG&…

Android中的AutoCompleteTextView组件

1 http://cn.bing.com/images?FORMZ9LH1 2 后续补充 转载于:https://www.cnblogs.com/bavariama/archive/2013/05/21/3090768.html

Android实现边缘凹凸的View

转载 最近做项目的时候遇到一个卡劵的效果&#xff0c;由于自己觉得用图片来做的话可以会出现适配效果不好&#xff0c;再加上自己自定义view方面的知识比较薄弱&#xff0c;所以想试试用自定义View来实现。但是由于自己知识点薄弱&#xff0c;一开始居然想着用画矩形来设置边…

【报告解读】126个国家、29个行业、36位高管认为AI的未来这么走

来源&#xff1a;网易智能人工智能&#xff08;AI&#xff09;已经使早期采用它的制造商能够更好地协调分析、商业智能(BI)、移动性和实时监控&#xff0c;以实现更快的营收增长&#xff0c;并比同行更快地成长壮大。如今&#xff0c;最顶级的18%的AI采用者将超过70%的精力投入…

热敏打印机应用笔记

热敏电打印机在PS机上应用比较广泛。造型需要考滤的参数有&#xff1a; 1、打印方式&#xff1a;热敏&#xff0c;针式等等&#xff1b; 2、打印纸度&#xff1a;影响一行能打的字数&#xff1b; 3、打印密度&#xff1a;影响线的粗细&#xff0c;单位 点/mm 或是 点/行 4、打印…

自定义view实现水波纹效果

水波纹效果&#xff1a; 1.标准正余弦水波纹&#xff1b; 2.非标准圆形液柱水波纹&#xff1b; 虽说都是水波纹&#xff0c;但两者在实现上差异是比较大的&#xff0c;一个通过正余弦函数模拟水波纹效果&#xff0c;另外一个会运用到图像的混合模式&#xff08;PorterDuffXf…

“人机耦合”变成“人机大战” AI同传离成熟还有多远

来源&#xff1a;科学网9月21日&#xff0c;一篇指责科大讯飞“AI同传造假”的文章引发了社会广泛关注&#xff0c;文中知乎用户、同传译员Bell Wang表示&#xff0c;在日前举行的2018创新与新兴产业发展国际会议上&#xff0c;科大讯飞在现场和直播中展示的“AI同传”&#xf…

高中分类讨论题1

转载于:https://www.cnblogs.com/zjyyhs/archive/2013/05/23/3094220.html

Android拼图游戏

效果如下 游戏的设计 首先我们分析下如何设计这款游戏&#xff1a; 1、我们需要一个容器&#xff0c;可以放这些图片的块块&#xff0c;为了方便&#xff0c;我们准备使用RelativeLayout配合addRule实现 2、每个图片的块块&#xff0c;我们准备使用ImageView 3、点击交换&a…

亚马逊:从零售商向科技公司的质变

报告来源&#xff1a;国泰君安&#xff08;訾猛&#xff09;亚马逊以技术为核心驱动力&#xff0c;实现从电商向科技公司的跨越&#xff0c;形成电商、物流、AWS、新零售协同发展的完整生态圈。亚马逊从1995年开始为用户提供线上商品&#xff0c;从一家网上书店发展成全品类电商…

使用HTML5的Canvas画布来剪裁用户头像

日期&#xff1a;2013-5-23 来源&#xff1a;GBin1.com 本文来自极客标签社区用户webgeek的一个在线HTML5web开发小技巧&#xff0c;帮助你使用html5的画布功能来切割用户上传的大头照。 在线调试 例如需要剪裁的图片如下&#xff1a; 用来处理大头照的JS代码如下&#xff1a;…