购物车
全选
图片
标题
价格
数量
小计
操作
合计：0.00
猜你喜欢：
三只松鼠_碧根果210gx2袋零食坚果炒货山核桃长寿果干果奶油味
38.90
加入购物车
奥克斯（AUX）正1.5匹 冷暖 定速 空调挂机(KFR-35GW/HFJ+3)
1799.00
加入购物车
乐事（Lay’s）无限薯片 休闲零食 104g*3组合装（原味+烤肉+番茄）新
19.99
加入购物车
福临门 东北优质 大米 8kg
49.00
加入购物车
//读取cookie var _products=cookie("products"); if(!_products){ _products=[]; }else{ _products=JSON.parse(_products); } if(_products.length===0){ alert("购物车为空"); location="demo1_products.html"; } //显示商品 var html=""; _products.forEach(function(prod){ html+=`
` }); $(".cart_body")[0].innerHTML=html; //，事件委派 $(".cart_body")[0].onclick=function(e){ e=e||event; //获取点击的事件源 var src=e.target||e.srcElement; //删除商品 if(src.className=="del"){ //获取行row； var row=src.parentNode.parentNode; //获取商品编号 var ids=row.children[0].value; /*console.log(ids);*/ //先删除cookie中保存的商品对象 var index=exist(ids,_products); /*console.log(index);*/ _products.splice(index,1); //删除之后保存cookie cookie("products",JSON.stringify(_products),{expires:7}); //再删除页面中的商品在、所在的行 row.parentNode.removeChild(row); //更新合计 calcTotal(); } //当点击加号时，实现数量的添加，以及cookie中的改变保存 else if(src.className==="add"||src.className==="minus"){ //获取行 var row=src.parentNode.parentNode; var ids=row.children[0].value; var index=exist(ids,_products); if(src.className==="add"){ _products[index].amount++; }else { if(_products[index].amount<=1){ return; } _products[index].amount--; } //保存修改 cookie("products",JSON.stringify(_products),{expires:7}); src.parentNode.children[1].value=_products[index].amount; row.children[6].innerHTML=(row.children[4].innerHTML*_products[index].amount).toFixed(2); //更新合计 calcTotal(); } } //获取所有的放数量的文本框，之后用户输入数量时，鼠标移开，小计里面就要计算出来，而且要保存在cookie里面 var inputs=$(".amount_val"); for(var i=0;i