一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

原生js实现淘宝购物车功能

时间:2017-01-13 编辑:简简单单 来源:一聚教程网

js淘宝购物车功能描述:

 1、点击“+”,单个商品数量加1,总数量加1;单个商品价格添加,总价也添加。
 2.点击“-”,单个商品数量减1,总数量减1;单个商品价格减少,总价也减少。
 当该商品数量为0时,点击依然为0;
 3.显示出总价,总数量和其中最贵的那个商品的价格。 

瞄一眼效果图:

废话不多说,LU代码

 

 代码如下复制代码

无标题文档


 

 


  

  0

  

  单价:12.5元

  小计:0元

 

 


  

  0

  

  单价:10.5元

  小计:0元

 

 


  

  0

  

  单价:8.5元

  小计:0元

 

 


  

  0

  

  单价:8元

  小计:0元

 

 


  

  0

  

  单价:14.5元

  小计:0元

 


 



商品合计共:0件,

共花费了:0元

其中最贵的商品单是:0元




 

热门栏目