zoukankan      html  css  js  c++  java
  • JS 全选、全不选、反选

    function checkReturn(obj) {
                    var objIds = obj.value;
                    //当没有选中某个子复选框时,checkboxall取消选中
                    if (!$("#subcheck").checked) {
                        $("#checkboxall").attr("checked", false);
                    }
                    // 获取subcheck的个数
                    var chsub = $("input[type='checkbox'][id='subcheck']").length;
                    // 获取选中的subcheck的个数 
                    var checkedsub = $("input[type='checkbox'][id='subcheck']:checked").length;
                    if (checkedsub == chsub) {
                        // 控制全选按钮的选中
                        $("#checkboxall").attr("checked", true); 
                    }
                }
                function funcCheckAll() {
                       // 判断全选按钮是否是已选中状态
                       // $("#checkboxall").prop("checked")说明已选中
                       // JQuery版本不同,if条件不同
                       if ($("#checkboxall").prop("checked")) {
                           // 将各个子单选按钮设为选中状态
                           $('input[name=ids]').attr('checked', 'checked');
                       } else { // 此时全选按钮起到反选作用
                            // 将选中状态改为非选中
                           $('input[name=ids]').removeAttr('checked');
                       }
                       // 将'全不选'按钮置为非选中状态
                       $('input[name=checkboxNotall]').removeAttr('checked');
                       // 将'反选'按钮置为非选中状态
                       $('input[name=checkboxInverse]').removeAttr('checked');
                }
                function funcCheckNotAll() {
                        // 将选中状态改为非选中
                       $('input[name=ids]').removeAttr('checked');
                       // 将'全选'按钮置为非选中状态
                       $('input[name=checkboxbutton]').removeAttr('checked');
                       // 将'反选'按钮置为非选中状态
                       $('input[name=checkboxInverse]').removeAttr('checked');
                }
                function funcCheckInverse() {
                    // 将'全选'按钮置为非选中状态
                       $('input[name=checkboxbutton]').removeAttr('checked');
                       // 将'全不选'按钮置为非选中状态
                       $('input[name=checkboxNotall]').removeAttr('checked');
                       // 获取所有子选框
                       var checkDelete = document.getElementsByName("ids");
                       for(var i=0; i<checkDelete.length; i++) {
                           // 判断全选按钮是否是已选中状态
                           if (checkDelete[i].type == "checkbox" && checkDelete[i].checked) {
                               // 将子选框设为非选中状态
                               checkDelete[i].checked = false;
                           } else { 
                               // 将子选框设为选中状态
                               checkDelete[i].checked = true;
                           }
                       }
                }
  • 相关阅读:
    Cocos Creator JSZip压缩
    手游游戏资源提取 (破解、AssetStudio、VGMToolbox、disunity、Il2CppDumper、 .NET Reflector)
    Cocos Creator Cannot read property 'load' of null
    BOX2D物理游戏编程初学者指南+源码+FlashPlayer播放器
    [已解决]报错:XGBoostError: XGBoost Library (libxgboost.dylib) could not be loaded.
    [已解决]报错:pyecharts绘制图片时显示空白
    [未解决]yarn安装报错网络问题解决
    Mac Homebrew安装
    mac下docker镜像加速
    [已解决]报错:python3 geohash 导入错误
  • 原文地址:https://www.cnblogs.com/yichenscc/p/10387333.html
Copyright © 2011-2022 走看看