美文网首页
无标题文章

无标题文章

作者: UL_葡萄丸子少女 | 来源:发表于2017-11-02 20:37 被阅读8次

购物车

全选

图片

标题

价格

数量

小计

操作

合计: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+=`


${prod.title} ${prod.price} -+ ${(prod.price*prod.amount).toFixed(2)} 删除 `    });    $(".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

相关文章

  • 无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标

    无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章 无标题文章无标题文章无标题文章无...

  • 无标题文章

    无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章

  • 无标题文章

    无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标...

  • 无标题文章

    无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标...

  • fasfsdfdf

    无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标...

  • 无标题文章

    无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标...

  • 无标题文章

    无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标...

  • 无标题文章

    无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标...

  • 无标题文章

    无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章无标题文章

  • 无标题文章

    无标题文章 无标题文章 无标题文章无标题文章 无标题文章 无标题文章

网友评论

      本文标题:无标题文章

      本文链接:https://www.haomeiwen.com/subject/ibmapxtx.html