採用AngularJs實現全選與反選的操作

設置input標籤

//1.全選
<input type="checkbox" ng-model="box" ng-click="selectAll();"/>

//得到數據信息賦值
<input type="checkbox" ng-model="user.ck"/>

//2.反選
 <button ng-click="SelectElse()">反選</button>  

---

執行全選的操作

$scope.selectAll = function(){
                   //選中
                    if($scope.box){
                        for(var i=0;i<$scope.users.length;i++){
                           //確認狀態爲選中
                             $scope.users[i].ck = true;
                        }
                    }else{
                        for(var i=0;i<$scope.users.length;i++){
                            //狀態沒選中
                             $scope.users[i].ck = false;
                        }
                    }
                };

---

執行反選的操作

        $scope.SelectElse = function(){  
                for (var x=0;x<$scope.users.length;x++) {  
                    if($scope.users[x].ck){  
                        $scope.users[x].ck=false;  
                    }else{  
                        $scope.users[x].ck=true;  
                    }  
                }  
            }