<html>
<head>
<meta charset="UTF-8">
//导入angular包
<script src="js/angular-1.5.5/angular.js"></script><title></title>
<script>
//配置好angular
var app = angular.module("myApp", []);app.controller("ctict", function($scope) {
//定义一个数组
$scope.users = [{
name: 1,
state: false
}, {
name: 2,
state: false
}, {
name: 3,
state: false
}];
//全选
$scope.stateall = false;
$scope.xuan = function() {
if($scope.stateall) {
for(index in $scope.users) {
$scope.users[index].state = true;
}
} else {
for(index in $scope.users) {
$scope.users[index].state = false;
}
}
};
//反选
$scope.checkSelectAll = function() {
var flag = false;
for(index in $scope.users) {
if($scope.users[index].state) {
} else {
flag = true;
}
}
//至少有一个没有被选中
if(flag) {
$scope.stateall = false;
} else {
$scope.stateall = true;
}
}
//删除
$scope.detle=function(){
var selectedShop = [ ];
for(index in $scope.users){
if($scope.users[index].state){
selectedShop.push($scope.users[index].name);
}
}
if(selectedShop.length>0){
for(i1 in selectedShop){
for(i2 in $scope.users){
if(selectedShop[i1] == $scope.users[i2].name){
$scope.users.splice(i2,1);
}
}
}
}else{
alert("请先选择")
}
};
});
</script>
</head>
<body ng-app="myApp" ng-controller="ctict">
<button ng-click="detle()">删除</button>
<hr />
//表格显示数组中的数据
<table border="1 " cellpadding="10" cellspacing="0"><thead>
<tr>
<th><input type="checkbox" ng-model="stateall" ng-click="xuan()" /></th>
<th>id</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="user in users">
<th><input type="checkbox" ng-model="user.state" ng-click="checkSelectAll()" /></th>
<th>{{user.name}}</th>
</tr>
</tbody>
</table>
</body>
</html>
1962
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
