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

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

  • 相关阅读:
    vue与mui起冲突
    pc端使用微信登陆
    文字显示两行,多余的省略号(兼容搜狐)
    ios input 添加 readonly 属性,光标依旧还在的解决办法
    调用微信扫一扫接口扫描二维码
    js搜索框实现自动搜索功能
    跳转页面的几种方法
    关于清空object对象里的属性的两种方法
    http://stormzhang.com/opensource/2016/06/26/android-open-source-project-recommend1/
    给 Android 初学者的 Gradle 知识普及
  • 原文地址:https://www.cnblogs.com/Jhon-xu/p/4305341.html
Copyright © 2011-2022 走看看