上月月考技能

来源：互联网发布：知行天下百度影音编辑：程序博客网时间：2024/04/29 18:43

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/angular.min.js"></script>
<script>
angular.module("myApp", []).controller("domec",
function($scope) {
$scope.datas = [{
'ckecked': false,
'name': 'qq',
'price': 12,
'number': 2
},
{
'ckecked': false,
'name': 'wx',
'price': 23,
'number': 1
},
{
'ckecked': false,
'name': 'sp',
'price': 99,
'number': 1
}
];

$scope.update = function(index, number) {
$scope.datas[index].number = $scope.datas[index].number + number;
if($scope.datas[index].number == 0) {
$scope.datas.splice(index, 1);

}

}

$scope.counts = function() {
var con = 0;
for(var i in $scope.datas) {
con += $scope.datas[i].price * $scope.datas[i].number;
}
return con;

}

$scope.ckAll = function() {
for(s in $scope.datas) {
$scope.datas[s].ckecked = $scope.ckall;
}

}

$scope.del = function() {
var a= confirm("是否确认删除");

if (a==true) {
for(var i = 0; i < $scope.datas.length; i++) {
if($scope.datas[i].ckecked == true) {
$scope.datas.splice(i, 1);
i--;
}

}
}
}

});
</script>
</head>

<body ng-app="myApp" ng-controller="domec">
<button ng-click="del()">清除购物车</button>
<table border="1">
<tr>
<td><input type="checkbox" ng-model="ckall" ng-click="ckAll()" /> </td>
<td>name</td>
<td>price</td>
<td>number</td>
<td>totaPrice</td>
<td>option</td>
</tr>
<tr ng-repeat="a in datas">
<td><input type="checkbox" ng-model="a.ckecked" /> </td>
<td>{{a.name}} </td>
<td>{{a.price|currency:"￥"}}</td>
<td>
<button ng-click="update($index,1)">+</button>
<input ng-model="a.number" />
<button ng-click="update($index,-1)">-</button>
</td>
<td>{{a.price*a.number|currency:"￥"}}</td>
<td><button ng-click="del($index)">删除</button> </td>
</tr>
<tr>
<td colspan="6">总价：{{counts()}}</td>
</tr>
</table>
</body>
</html>

阅读全文

0 0