文章编号：1520 / 更新时间：2024-12-30 17:33:46 / 浏览：次
添加商品 清空购物车 javascript // 购物车代码 var cart = [];// 添加商品到购物车 function addItemToCart(item) {cart.push(item);updateCartItems(); }// 移除商品 function removeItemFromCart(item) {var index = cart.indexOf(item);if (index !== -1) {cart.splice(index, 1);updateCartItems();} }// 清空购物车 function clearCart() {cart.length = 0;updateCartItems(); }// 更新购物车商品展示 function updateCartItems() {var cartItems = $('cart-items');cartItems.empty();for (var i = 0; i < cart.length; i++) {var item = cart[i];var itemElement = $(' ');var removeButton = $(' 移除 ');removeButton.click(function() {removeItemFromCart(item);});itemElement.append(removeButton);cartItems.append(itemElement);} }// 事件监听 $('add-item-button').click(function() {var item = prompt('请输入商品名称：');if (item) {addItemToCart(item);} });$('clear-cart-button').click(function() {clearCart(); });
相关标签： 购物车代码jquery、 购物车代码js、

本文地址：https://www.qianwe.cn/article/1520.html

上一篇：购物车代码java购物车代码jquery...
下一篇：织梦仿站详细流程织梦仿站一般一天可以几个...