【汇智学堂】-JS的应用（电商购物车-合计价格的计算）

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 = 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文件

<%--
  Created by IntelliJ IDEA.
  User: soft
  Date: 2019/9/5
  Time: 16:11
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>



    
    
    




当前用户是:${sessionname}


    
商品展示
    




    

        
商品展示
        
商品详情
        
购物车
        
订单确认
        
结算
    



    

        

        


        


            

                 全选
            

            

                商品
            

            

                数量
            

            

                单价
            

            

                小计
            

            

                操作
            

        

        

        



            

                
            
            

                ${cart.goodspublisher}
            
        

        

            

                
            

            

                <%----%>
                
            

            

                ${cart.goodsname}
            

            

               <%-- ${status.count}--%>
                    

                        
-
                        

                        
+
                   
            

            

                ${cart.unitprice}
            

            

                0
            

            

                删除

            

        

   

        

    

    


     

         你的商品共2两件总价共：98元
     

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";
    }

其他方法略。