使用原生 "js" 计算购物车 商品及会员总价

关于购物车，想必在网上购物过的小哥哥小姐姐们都都很清楚，这里就不瞎扯淡了，嘿嘿！

回顾一下上一次的文章是写的怎么实现购物车，比较宏观的描述了一下实现过程！

这次讲解一下里面的功能，一步一步去实现，总不能一口吃个大胖子是吧！

进入正题：使用原生 “js“ 计算购物车 商品及会员总价

• 首先看一下图要实现什么样的功能！

1. 动态计算商选中的商品数量
2. 数量的加减操作框
3. 选中商品计算商品总价 与 会员总价
4. 删除选中的商品

• 下面看实现原理：

1. 动态计算商选中的商品数量：使用下面这端代码判断是否选中，将其选中的数量用 length 拿到赋值给标签就好了

   var proNmCheck = $('input[name="boxPid"]:checked');
   $("你自己的商品数量标签").html(proNmCheck.length);

    

2.  数量加减操作：很简单，直接写个操作数量的接口，将其 value 传入即可，方法太多，自己琢磨
3.  动态计算总价：这里有两个价，一个商品总价，一个会员价，其实都一样不难，只要在 checkbox  中放入 商品价格、会员价格及数量就行，但要怎么放呢？当然是用 $( ).attr( )啦！然后使用$( ).each(function(index, value){}方法将其放入的属性值循环出来在计算便可，还不懂吗？看下面代码！在不懂，那可以看后面源码！在不懂，那我就没办法了，来问我吧！嘻嘻

   $("[name=boxPid]:checked").each(function(i, e){
   	var price = $(e).attr("price");
   	var pv = $(e).attr("pv");
   	var quantity = $(e).attr("num");
   	priceCount=priceCount+(price*quantity);
   	pvCount=pvCount+(pv*quantity);
   });

    

4. 多选删除：其实很简单，将选中的商品获取到商品的“ID” value ，然后将其存入数组中，传入后台直接值循环提取即可

• 上面讲了原理：看一下源码吧！ 

  ​
  
  <div class="product_list">
  	<p>购物车</p>
  	<input type="hidden" id="cartId" value="${cartId}&