<!DOCTYPE html>
<html ng-app="myapp">
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-controller="myCtrl">
<p>My cars:</p>
<input type="checkbox" ng-model="flag" ng-click="checkAll2()"> Check all<br><br>
<div ng-repeat="n in checkItem track by $index">
<input type="checkbox" ng-model="item[$index]" ng-click="checkAll()">{{n}}<br>
</div>
{{item}}
{{flag}}
<p>点击 "Check all" 选择所有的车。</p>
<script>
angular.module('myapp', [])
.controller("myCtrl", function ($scope) {
$scope.checkItem = ["Volvo", "Ford", "Mercedes","dandan"];
$scope.item = [];
var len = $scope.checkItem.length;
for(var i=0; i<len; i++){
$scope.item[i] = false;
}
$scope.flag = false;
$scope.checkAll = function(){
for(var i=0; i<len; i++){
if($scope.item[i]){
$scope.flag = true;
}else{
$scope.flag = false;
break;
}
}
console.log($scope.flag);
}
$scope.checkAll2 = function(){
for(var i=0; i<len; i++){
$scope.item[i] = $scope.flag ? true : false;
}
}
})
</script>
</body>
</html>