JQuery購物車個體總價是指,在購物車中每個商品的單價乘以數量后得到的小計金額,用來計算整個購物車的總價。
$(document).ready(function(){ // 獲取每個商品的單價和數量 var price = parseFloat($(".price").text()); var quantity = parseInt($(".quantity").val()); // 將小計金額顯示在對應的元素中 $(".subtotal").text(price * quantity); // 監聽數量變化,重新計算小計金額 $(".quantity").on("change", function(){ quantity = parseInt($(this).val()); $(".subtotal").text(price * quantity); }); });
以上代碼通過JQuery實現了購物車個體總價的計算和顯示。當數量發生變化時,小計金額也會跟著更新。這樣不僅方便用戶查看每個商品的價格,也方便網站管理者統計訂單數據。
上一篇jquery跟標簽設置值
下一篇css怎么把圖片并列