欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery購物車自動計算價

丁衛芬1年前6瀏覽0評論

jQuery 購物車自動計算價格是一種常見的功能,它可以幫助網站用戶實時查看購物車內商品的總價格。下面是一種實現方式:

$(document).ready(function(){
// 獲取所有商品的數量和價格
var quantities = $(".quantity"); // 數量
var prices = $(".price"); // 價格
// 給數量輸入框綁定事件
quantities.change(function(){
updateTotal();
});
// 計算總價
function updateTotal() {
var total = 0;
for (var i = 0; i < quantities.length; i++){
total += parseInt(quantities[i].value) * parseFloat(prices[i].innerText);
}
$(".total-price").text(total.toFixed(2));
}
});

以上代碼通過 jQuery 獲取頁面中所有商品的數量和價格,然后給數量輸入框綁定 change 事件,當用戶輸入數量時自動計算總價并更新顯示在頁面上。

這種方法只是一種比較簡單的實現方式,實際上還可以通過 AJAX 請求獲取后臺計算的總價格等高級技術來實現更為復雜的場景。