JQuery 購物車計價

我們使用 JQuery 構建一個購物車系統。在電商平臺中，購物車系統是一個非常重要的功能，用戶可以方便的瀏覽和選購商品，在購物車中統計商品數量和價格，方便用戶結算。下面是一個簡單的購物車計價代碼。

// 定義一個數組存儲購物車中的商品
var cartItems = [];
function addToCart(item) {
// 將添加的商品信息存到購物車數組中
cartItems.push(item);
// 更新購物車顯示
updateCartDisplay();
}
function updateCartDisplay() {
// 計算商品數量和價格
var itemCount = cartItems.length;
var totalPrice = 0;
for (var i = 0; i < itemCount; i++) {
totalPrice += cartItems[i].price;
}
// 更新購物車數量和價格顯示
$("#cartItemCount").text(itemCount);
$("#cartTotalPrice").text(totalPrice.toFixed(2));
}
$(document).ready(function() {
// 點擊“添加到購物車”按鈕時觸發 addToCart() 方法，并將商品信息作為參數傳入
$(".addToCartBtn").click(function() {
var $item = $(this).parent();
var itemInfo = {
name: $item.find(".itemName").text(),
price: parseFloat($item.find(".itemPrice").text())
};
addToCart(itemInfo);
});
});

這個代碼示例是一個簡單的購物車系統，實現了添加商品到購物車、統計商品數量和總價的功能，代碼中使用了 JQuery 的選擇器和事件處理。對于實際的電商系統來說，需求會更加復雜，需要考慮到商品分類、屬性、庫存、優惠等多種因素，同時還要保證購物車功能的可靠性和安全性。