JavaScript购物车结算案例

1、HTML代码

 


    
    
    




    

        关闭
    
    

        

            
商品图片
            
商品信息
            
单价
            
数量
            
总价
            
操作
        
        

            

            
我和狗狗活下来了
            
¥
            

            
¥21.90
            
移入收藏
删除
        
        

            

            
灰霾来了怎么办
            
¥
            

            
¥24.00
            
移入收藏
删除
        
        

            
商品总计：
            
结 算
        
    

1、JS代码

//减
function minus(num){
    var prices=document.getElementsByName("price")[num].value;
    var count=parseInt(document.getElementsByName("amount")[num].value)-1;
    if(count<1){
        alert("不能再减了，再减就没有啦！");
    }
    else{
        document.getElementsByName("amount")[num].value=count;
        var totals=parseFloat(prices*count);
        document.getElementById("price"+num).innerHTML="¥" +totals.toFixed(2);//.toFixed(2)表示四舍五入，取2位小数点
        total();
    }
}
//增
function plus(num){
    var prices=document.getElementsByName("price")[num].value;
    var count=parseInt(document.getElementsByName("amount")[num].value)+1;
    document.getElementsByName("amount")[num].value=count;
    var totals=parseFloat(prices*count);
    document.getElementById("price"+num).innerHTML="¥" +totals.toFixed(2);
    total();
}
//计算总额
function total(){
    var prices=document.getElementsByName("price");
    var count=document.getElementsByName("amount");
    var sum=0;
    for(var i=0; i

---

如果觉得本文不错，对你有所帮助，不妨给博主打赏一包烟钱以资鼓励，感谢！