zoukankan      html  css  js  c++  java
  • 在项目中学习.NET的JQuery CheckBox方法(全选、取消全选、其他)

    一、在项目中遇到的CheckBox的全选和取消全选以及其他等解决方案如下:

      // 对全选和取消全选的事件    

        $("#CheckAll").click(function () {
                    var checkedOfAll = $(this).prop("checked");
                    if (checkedOfAll == true) {
                        $("input[id*='check']").prop("checked", checkedOfAll);
                    } else {
                        $("input[id*='check']").prop("checked", checkedOfAll);
                    }
                    checkIds();
                });
                // 对所有子节点添加事件
                $("td :checkbox").click(function () {
                    var checkedOfOne = $("td :checkbox:checked");
                    var checkedOfTwo = $("td :checkbox");
                    // 如果子节点全部没勾选,父节点也取消勾选  
                    if (checkedOfOne.length < checkedOfTwo.length) {
                        $("#CheckAll").prop("checked", false);
                    }
                    // 如果子节点全部选中,父节点也勾选  
                    else if (checkedOfOne.length == checkedOfTwo.length) {
                        $("#CheckAll").prop("checked", true);
                    }
                });

        //公共方法

        function checkIds() {
                var tmp = "";
                $("input[id*='check']").each(function () {
                    if ($(this).attr("checked") == true) {
                        tmp += $(this).attr("rel") + ",";
                    } else {

                    }
                });
                if (tmp != '') tmp = tmp.substr(0, tmp.length - 1);
                $("#ctl00_MainHolder_idstb").val(tmp);
            }

    二、下面的图片是自己参考的例子:

  • 相关阅读:
    Twitter视频下载方式
    维基百科镜像处理
    Python sll
    youyube-dl
    python 进程池pool
    python常用正则表达式
    Struts2笔记3--OGNL
    Struts2笔记2
    Struts2笔记1
    Hibernate笔记7--JPA CRUD
  • 原文地址:https://www.cnblogs.com/Jhon-xu/p/4305341.html
Copyright © 2011-2022 走看看