zoukankan      html  css  js  c++  java
  • 最简单实现复选框单选和全选

    例如:定义一个对象数组arr(数组中每个对象有属于自己的ID), 初始化对象$scope.flags={allcheck:false,checkLIst:{}};

    //初始化复选框

    function checkInit(){

      angular.forEach(arr,function(item){

        $scope.flag.checkList[item.id] = false;
      });

      $scope.flag.allcheck = false;

    }  

    checkInit();

    //进行单选操作

    $scope.checkTool=function(item){

      $scope.flag.allcheck=arr.every(function(item){

        return $scope.flag.checkList[item.id];

      });

    };

    //进行全选操作

    $scope.checkAllTool=function(){

      angular.forEach(arr,function(item){

        return $scope.flag.checkList[item.id] = $scope.flag.allcheck;

      });

    }; 

    //翻页不初始化复选框

    function notCheckInit(){

      angular.forEach(arr,function(item){

        if ($scope.flags.checkList[item.id]===undefined) {

          $scope.flags.checkList[item.id] = true;
        }
      });
      $scope.flags.allcheck=arr.every(function (item) {
         return $scope.flags.checkList[item.id];
      });

    }

  • 相关阅读:
    css定位
    题解 P2345 【奶牛集会】
    浅谈主席树
    浅谈Manacher算法
    CSP2019 游记
    P5025 [SNOI2017]炸弹
    浅谈2-SAT
    DAY 5模拟赛
    DAY 3
    Luogu P2915 [USACO08NOV]奶牛混合起来
  • 原文地址:https://www.cnblogs.com/shixy1617/p/9145878.html
Copyright © 2011-2022 走看看