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)
        }
      }
    }

  • 相关阅读:
    TCP的拥塞控制(详解)
    TCP加速–初始拥塞窗口调整
    HTTPS 之 TLS 性能调优
    https抓包分析——wireshark抓包分析TLSv2(详细)
    HTTPS的由来详述,数字证书实现HTTPS
    详解Nginx服务器配置
    java:tomcat(负载均衡)nginx的应用配置
    QML对象构造顺序
    QML属性动态绑定
    mysql去重查询某列
  • 原文地址:https://www.cnblogs.com/vihone/p/3114176.html
Copyright © 2011-2022 走看看