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

jquery購物車編輯

錢多多1年前7瀏覽0評論

Jquery購物車是一個非常流行的在線購物工具,讓用戶可以方便地添加商品到購物車里。而在購物車中,用戶還可以對已添加的商品進行編輯,比如修改商品數量、刪除商品等。下面我們就來介紹一下如何使用Jquery購物車實現這些功能。

$(function(){
// 獲取購物車中的商品列表
var cartList = JSON.parse(localStorage.getItem('cartList'));
// 綁定編輯按鈕的點擊事件
$('.editBtn').on('click', function(){
// 獲取當前商品的id及數量
var itemId = $(this).attr('data-id');
var itemNum = $(this).closest('tr').find('.itemNum').val();
// 在彈出框中顯示當前商品的信息
$('#modalItemId').val(itemId);
$('#modalItemNum').val(itemNum);
$('#editModal').modal('show');
});
// 綁定保存按鈕的點擊事件
$('#saveBtn').on('click', function(){
// 獲取彈出框中的商品信息
var itemId = $('#modalItemId').val();
var itemNum = $('#modalItemNum').val();
// 更新購物車中當前商品的數量
for(var i=0; i<cartList.length; i++){
if(cartList[i].itemId == itemId){
cartList[i].itemNum = itemNum;
break;
}
}
// 保存更新后的購物車信息
localStorage.setItem('cartList', JSON.stringify(cartList));
// 刷新頁面顯示最新的購物車信息
window.location.reload();
});
// 綁定刪除按鈕的點擊事件
$('.delBtn').on('click', function(){
// 獲取當前商品的id
var itemId = $(this).attr('data-id');
// 從購物車數組中刪除當前商品
for(var i=0; i<cartList.length; i++){
if(cartList[i].itemId == itemId){
cartList.splice(i, 1);
break;
}
}
// 保存更新后的購物車信息
localStorage.setItem('cartList', JSON.stringify(cartList));
// 刷新頁面顯示最新的購物車信息
window.location.reload();
});
});

以上是Jquery購物車編輯功能的實現代碼,通過綁定按鈕的點擊事件,我們可以方便地對購物車中的商品進行編輯。