jQuery購物車的計算是一種非常常見的功能,它可以在網站上幫助用戶計算商品的價格,從而更方便地進行購買。以下是使用jQuery實現購物車計算的示例:
$(document).ready(function() { // 定義變量 var total = 0; var num = 0; // 當用戶點擊“加入購物車”按鈕時 $('.add-to-cart').click(function() { // 獲取商品價格 var price = parseFloat($(this).siblings('.price').text()); // 將總價添加到購物車上 total += price; $('.total-price').text(total.toFixed(2)); // 將商品數量添加到購物車上 num++; $('.total-num').text(num); }); });
在上述代碼中,我們首先定義了兩個變量,分別記錄購物車中的總價和商品數量。然后,使用jQuery監聽用戶點擊“加入購物車”按鈕的事件,并從該按鈕的兄弟節點中獲取商品的價格。接著,將商品價格添加到總價中,并更新購物車上的總價和商品數量。最后使用toFixed()方法將總價保留兩位小數并輸出。
上一篇css怎么嵌入jsp中
下一篇css怎么將表格居中