本文介绍如何使用HTML实现一个简单的购物车功能，包括动态计算购物车内商品的总价以及增加或减少商品数量的功能。通过实例代码，详细解释了如何利用JavaScript处理用户交互，更新显示的总价。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="../js/angular.min.js"></script>
<style>
</style>
<script>
var app=angular.module("myapp",[]);
app.controller("demoC",["$scope",function($scope)
{
$scope.ShoppingCar=[{Title:"红苹果",Count:1,UnitPrice:2.5},{Title:"绿苹果",Count:1,UnitPrice:2}];
//定义函数
$scope.sumprice=function(){
var sum=0;
for(var i=0;i<$scope.ShoppingCar.length;i++){
sum+= $scope.ShoppingCar[i].Count*$scope.ShoppingCar[i].UnitPrice;
}
return sum;
}
//添加或者减少商品数量
$scope.updatenum=function(index,num){
$scope.ShoppingCar[index].Count=$scope.ShoppingCar[index].Count+num;
if($scope.ShoppingCar[index].Count<=0){
最低0.47元/天 解锁文章
扫一扫
1565
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
