jQuery計算購物車總價

在網站開發中，購物車是一個非常常見的功能，其中計算購物車總價也是必不可少的。而使用jQuery來計算購物車總價則是一種非常方便和快捷的方法。

下面是一個簡單的示例代碼：

// 綁定數量修改事件
$('.quantity').on('change', function() {
var sum = 0;
// 遍歷所有購物車商品
$('.cart-item').each(function() {
var price = parseFloat($(this).find('.price').text());
var quantity = parseInt($(this).find('.quantity').val());
// 計算該商品總價
var total = price * quantity;
$(this).find('.total').text(total.toFixed(2)); // 保留兩位小數
sum += total; // 累加每個商品的總價
});
// 顯示購物車的總價
$('.cart-total').text(sum.toFixed(2));
});

在上面的代碼中，我們首先綁定了購物車數量修改事件，在每次數量修改時重新計算購物車總價。

然后，我們使用jQuery的each方法來遍歷所有購物車商品，獲取每個商品的單價和數量，并計算出該商品的總價。最后，我們將該商品的總價顯示在對應的頁面元素上，并累加到購物車總價中。

最后，我們將購物車總價顯示在對應的頁面元素上，這樣就完成了購物車總價的計算。