zoukankan      html  css  js  c++  java
  • 全选,取消全选gridview中的checkbox, 点击某一项的checkbox时,自动识别是否应该将checkAll设为选中还是非选中

    全选,取消全选gridview中的checkbox, 点击某一项的checkbox时,自动识别是否应该将checkAll设为选中还是非选中

    可以尝试将checkbox直接用html控件,此处用了runnat="server" , 如果用html控件不能执行到相应的脚本,提示脚本函数未定义,请加上runat="server"为checkbox

    <div class="mainContent">
    <asp:GridView ID="gvContent" runat="server" DataKeyNames="ContentID" AutoGenerateColumns="False" PageSize="20" AllowPaging="True">
      <Columns>
        <asp:TemplateField>
          <HeaderTemplate>
            <input type="checkbox" id="checkAll" name="checkAll" runat="server" onclick="checkAll();" />
          </HeaderTemplate>
          <ItemTemplate>
            <input type="checkbox" id="checkItem" name="checkItem" runat="server" onclick="checkItem();" />
          </ItemTemplate>
         </asp:TemplateField>
      </Columns>
    </asp:GridView>

    var checkAll = function () {
      if ($("input[id$='checkAll']").prop("checked") == true) {
        $(":checkbox:input[name$='checkItem']").prop("checked", true);
      }
      else {
        $(":checkbox:input[name$='checkItem']").prop("checked", false); 
      }
    }

    var checkItem = function (obj) {  
      var count = $(":checkbox:input[name$='checkItem']").length;
      var checkedCount = $(":checkbox:input[name$='checkItem']:checked").length;
      var checkAllchecked = $("[id$='checkAll']").prop("checked");
      if (count == checkedCount) {
        if (!checkAllchecked) {
          $("[id$='checkAll']").prop("checked", true)
        }
      }
      else {
        if (checkAllchecked) {
          $("[id$='checkAll']").prop("checked", false)
        }
      }
    }

  • 相关阅读:
    rhel7 编写CMakeList.txt编译运行MySQL官方例子代码
    记录下 rhel 7 安装MySQL 并重置root密码
    杨辉三角 可以不用二维数组的
    一个ACE 架构的 Socket Client
    一个ACE 架构的 C++ Timer
    一个C++版的网络数据包解析策略
    标记下 'net 查壳/脱壳/加壳' 工具
    C++动态加载DLL调用方法
    C# (灰度)加权平均法将图片转换为灰度图
    C# GMap下提供一个高德地图
  • 原文地址:https://www.cnblogs.com/vihone/p/3114176.html
Copyright © 2011-2022 走看看