jquery计算购物车商品总件数和总额代码
时间: 2024-09-13 18:13:51 浏览: 38
jQuery购物车商品数量加减合计代码.zip
在jQuery中,你可以创建一个简单的示例来计算购物车商品的总件数和总额。假设你有一个包含商品信息的数组,每个商品都有件数(quantity)和价格(price),你可以这样做:
```javascript
// 假设商品数据
var cartItems = [
{ name: '商品A', quantity: 2, price: 9.99 },
{ name: '商品B', quantity: 1, price: 4.99 },
// 更多商品...
];
$(document).ready(function() {
// 计算总件数
var totalQuantity = 0;
$.each(cartItems, function(index, item) {
totalQuantity += item.quantity;
});
// 计算总额
var totalPrice = 0;
$.each(cartItems, function(index, item) {
totalPrice += item.quantity * item.price;
});
// 显示结果
$('#totalQuantity').text(totalQuantity);
$('#totalPrice').text('¥' + totalPrice.toFixed(2)); //保留两位小数
});
```
在这个例子中,我们首先初始化了总件数和总额变量为零。然后使用`$.each`循环遍历购物车数组,累加每件商品的件数和总价。最后,我们将结果显示在页面上对应id为`totalQuantity`和`totalPrice`的元素中。
阅读全文