文章图片
JS文件
var num_jia;
var num_jian;
var input_num;
var total;
var each;
function a(cid) {var jia="num-jia"+cid;
num_jia = document.getElementById(jia);
num_jian = document.getElementById("num-jian"+cid);
input_num = document.getElementById("input-num"+cid);
total=document.getElementById("total"+cid);
each=document.getElementById("each"+cid);
}/*数量加法*/function b(cid) {a(cid);
input_num.value = https://www.it610.com/article/parseInt(input_num.value) + 1;
total.innerHTML=parseInt(input_num.value)*parseInt(each.innerHTML);
}/*数量减法*/function c(cid){/*alert(cid);
*/
a(cid);
if(input_num.value <= 0) {
input_num.value = 0;
} else {input_num.value = parseInt(input_num.value) - 1;
total.innerHTML=parseInt(input_num.value)*parseInt(each.innerHTML);
}
}
//显示默认总价格window.onload=function (){for(i=0;
i<30;
i++){
total=document.getElementById("total"+i);
input_num = document.getElementById("input-num"+i);
each=document.getElementById("each"+i);
if(total!=null){
total.innerHTML=parseInt(input_num.value)*parseInt(each.innerHTML);
}
}}JSP文件
购物车界面 - 锐客网
当前用户是:${sessionname}商品展示
- 商品展示
- 商品详情
- 购物车
- 订单确认
- 结算
全选
商品
数量
单价
小计
操作
${cart.goodspublisher}
${cart.goodsname}
- -
- +
${cart.unitprice}
0
删除
你的商品共2两件总价共：98元【【汇智学堂】-JS的应用（电商购物车-合计价格的计算）】Controller中的方法
@RequestMapping("/GoodsBuy.do")
public String GoodsBuy(Carts carts, Model model, HttpServletRequest request){/* String uid=request.getParameter("userid");
String pid=request.getParameter("pid");
*//*插入到购物车表中*/cartsService.addCarts(carts);
/*查询当前用户的购物车*/int a=carts.getUserid();
List carts1= cartsService.selectCartByUserid(a);
List list=new ArrayList();
for (int i = 0;
i < carts1.size();
i++){Carts c=(Carts)carts1.get(i);
int b=c.getPid();
SelectCarts selectCarts=selectCartService.selectCarts(b);
list.add(selectCarts);
}model.addAttribute("Carts",list);
return "GoodsBuy";
}
其他方法略。
