DataGrid控件:

  <Columns>
        <asp:TemplateColumn>
         <HeaderStyle Width="10px"></HeaderStyle>
         <HeaderTemplate>
          <INPUT id="CheckAll" name="CheckAll" type="checkbox" οnclick="ChooseAll()">
         </HeaderTemplate>
         <ItemTemplate>
          <asp:CheckBox id="CheckBox1" runat="server"></asp:CheckBox>
         </ItemTemplate>
        </asp:TemplateColumn>
        <asp:TemplateColumn HeaderText="序号">
         <HeaderStyle Wrap="False"></HeaderStyle>
         <ItemTemplate>
          <asp:Label runat="server" ID="labNO"></asp:Label>
         </ItemTemplate>
        </asp:TemplateColumn>

JavaScript函数:

  var checkFlag = true;
    function ChooseAll()
    {
       //if( !document.all("CheckAll").Checked ) // 全选 
       if( checkFlag ) // 全选 
      {
          var inputs = document.all.tags("INPUT");
          for (var i=0; i < inputs.length; i++) // 遍历页面上所有的 input 
          {
            if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll" )
             {
                inputs[i].checked = true;
             }     
          }
          checkFlag = false;
       }
       else  // 取消全选
       {
          var inputs = document.all.tags("INPUT");
          for (var i=0; i < inputs.length; i++) // 遍历页面上所有的 input 
          {
             if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll" )
             {
                inputs[i].checked = false;
             }     
          }
          checkFlag = true;
       }
    }

    // <summary>
    // 让用户加以确认删除数据。
    // </summary>
    function DelRec()
    {
       var inputs = document.all.tags("input");
       var selectedLen = 0;
       for( var i=0;i < inputs.length; i ++)
       {
          if(inputs[i].type == "checkbox")
          {
             if( inputs[i].checked )
             {
                if(inputs[i].id != "CheckAll")
                {
                   selectedLen ++;
                }
             }
          }
       }
       if( selectedLen == 0 )
       {
          alert("请先选择您要删除的数据!");
       }
       else
       {
          var flag = confirm("您确定要删除所选择的这 " + selectedLen + " 条数据吗?");
          if(flag)
          {
             document.all("BtnDelRecord").click();  
          }
       }
    }

DataGrid 的 全选/取消全选 控制(CheckBox)相关推荐

  1. jQuery 表单应用:全选/取消全选,表单验证,网页选项卡切换

    应用一:单行文本框应用 需要用到的 API focus([[data],fn])   --> 当元素获得焦点时,触发 focus 事件 blur([[data],fn])     -->  ...

  2. 表单全选取消全选案例

    表单全选取消全选案例 要求: 点击上面全选复选框 , 下面所有的复选框都选中(全选) 再次点击全选复选框 , 下面所有的复选框都不选中(取消全选) 如果下面复选框全部选中 , 上面全选按钮自动选中 如 ...

  3. jquery全选/取消全选(反选)/单选操作

    使用jQuery实现一组checkbox全选/取消全选,代码很简洁. jquery版本:2.0 先看看HTML代码,很简单的操作框 </head> <body><div& ...

  4. 实现全选/取消全选功能

    这里是使用jquery为前提: 方法一: /*** 绑定全选/取消全选* @param checkAll 全选复选框* @param checkOne 单个复选框*/ function onCheck ...

  5. Android 切换全屏,取消全屏

    切换全屏,取消全屏 /*** 切换全屏,取消全屏** @param isChecked*/ private void switchFullScreen(boolean isChecked) {if ( ...

  6. element-ui tree 点击章节节点勾选/取消勾选

    element-ui tree 点击章节节点勾选/取消勾选 遇到一个需求,要求点击tree组件的章节时(不是点击checkBox),要进行节点勾选/取消勾选操作: 原本想的方案非常复杂,涉及到遍历父子 ...

  7. 【小白学前端】JS案例:表单全选取消全选

    要求: 1.点击全选按钮,可以选中所有产品前的选择框: 2.再点击一次,取消全选 3.每个产品可以单独选中取消 4.每个产品都选中时,全选框自动选中 5.取消一个产品的选择时,全选框自动取消 HTML ...

  8. QAbstractItemView子类如:QTreeView、QTableView等子项单元格复选框勾选/取消勾选功能实现

    1.前言 本博文所说的技术点适用于同时满足下面条件的所有QAbstractItemView视图类的子类: 模型类从 QAbstractItemModel派生. 代理类从QStyledItemDeleg ...

  9. vue 点击浏览器全屏取消全屏

    <template><div><!-- 全屏 --><img @click="fullscreenToggel" v-if="f ...

最新文章

  1. 21天战拖记——Day10:“书柜整理法”再学习(2014-05-13)
  2. win10 uwp 使用 Matrix3DProjection 进行 3d 投影
  3. 6.24AppCan移动开发者大会价值30万的展示机会归了谁?
  4. 中文字体练习好看的手写字
  5. 良心推荐:高品质音乐播放器Audirvana for Mac
  6. JVM性能优化之CPU负载过高
  7. 【恋上数据结构】贪心(最优装载、零钱兑换、0-1背包)、分治(最大连续子序列和、大数乘法)
  8. 剑指Offer之二叉树的后序遍历序列
  9. 纯CSS实现鼠标滑过缩略图放大显示代码
  10. 数据结构——线性表的顺序表示
  11. 基于fo-dicom 的 Worklist CStore 我的学习实现路线
  12. html在线上传图片,kindeditor 图片上传
  13. 算法第3章上机实践报告
  14. 基于最小割的分割算法(Min-Cut Based Segmentation)
  15. vue-seamless-scroll的使用以及实例
  16. TradeGraph媲美交易软件的python量化交易K线工具
  17. 直播预告 | NeurIPS 专场八
  18. 国外物理学教程四大名著
  19. 投资理财-朋友好像的故事
  20. element cascader组件动态加载数据

热门文章

  1. java邮件接收代码,JavaMail入门第四篇 接收邮件(示例代码)
  2. c语言实验报告管理系统,C语言实验报告-学生信息资管理系统.doc
  3. dht11温湿度传感器c语言程序_手把手教你DIY一款性价比爆棚的温湿度计!
  4. 借助深度卷积神经网络对图片 GIF 视频进行超分辨率放大(即放大与降噪) 以及 对视频进行 插帧(即补帧).
  5. CV算法复现(分类算法3/6):VGG(2014年 牛津大学)
  6. 【系列文章】面向自动驾驶的三维点云处理与学习(2)
  7. CentOS 6.3+Python 2.7.10安装pycurl遇到的问题汇总
  8. 谁知道静态成员的纠结心境
  9. GIL+死锁与递归锁+信号量+event事件
  10. 【转】 Android快速开发系列 10个常用工具类 -- 不错