最简单实现复选框单选和全选

例如:定义一个对象数组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];
  });

}

posted @ 2018-06-06 16:33  ~西门紫凌~  阅读(715)  评论(0编辑  收藏  举报