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

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

  • 相关阅读:
    Nginx的访问控制
    远程登录
    Linux的网络命令
    laravel-collect
    laravel-model
    laravel-Macroable
    laravel-容器
    机器学习-Logisitic回归
    机器学习-多变量线性回归
    算法笔记-分支界限法
  • 原文地址:https://www.cnblogs.com/Jhon-xu/p/4305341.html
Copyright © 2011-2022 走看看