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

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

}

转载于:https://www.cnblogs.com/shixy1617/p/9145878.html