jquery购物车结算功能实现方法

先看看购物车结算效果：

具体代码：

 
 
 
 
  
  
  
  
  
  
  
  
  
  
  
  
 .shop-total, 
 .all-total { 
 height: 50px; 
 line-height: 50px; 
 font-weight: bold; 
 color: #f00; 
 float: left; 
 } 
 
 .one-shop, 
 .all-total, 
 .shop-total { 
 width: 400px; 
 } 
 
 p { 
 margin: 0; 
 } 
 
 .goods-check { 
 width: 25px; 
 height: 25px; 
 margin-top: 5px; 
 } 
 
 .goods-msg, 
 p, 
 label { 
 float: left; 
 } 
  
 
 
 
  
  
  
  
  
  
   
  
 - 
  
 + 
  
 
商品单价：￥20.00
 
  
  
  
  
  
   
  
 - 
  
 + 
  
 
商品单价：￥9.90
 
  
  
  
  
  
   
  
 - 
  
 + 
  
 
商品单价：￥10.00
 
  
  
  
  
 店铺全选  
 
本店合计：￥0
 
  
  
  
  
  
  
  
  
   
  
 - 
  
 + 
  
 
商品单价：￥30.00
 
  
  
  
  
  
   
  
 - 
  
 + 
  
 
商品单价：￥20.00
 
  
  
  
  
 店铺全选  
 
本店合计：￥0
 
  
  
  
  
  
 全选  
 
总价合计：￥0
 
  
  
  
 
 
 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。