jquery商品计算器,无法获取,[总计]价格?

 风行景逸-枣庄郊南店 发布于 2022-11-26 15:53

最好能给出代码,谢谢!







商品计算器,购物车模块一



*{
    /*line-height: 30px;*/
    padding:0px;
    margin: 0px;
}
table{
    text-align: center;
    margin: 30px;
}
td,th{
    padding:8px;
}
input{
    width:120px;
}



$(document).ready(function() {
    function aa(){
        var price;
        for(i=0;i<$('tr').size()-2;i++){
            // 小计函数
            var price=$('.price').eq(i).val()*$('.num').eq(i).val();
            $('.subtotal').eq(i).text(price);
            // price=parseInt(price)+parseInt(price);
        }
        // console.log(price);
   }
        // 总计函数
        // $('.total_price').text(total);
        // price=price+price;
    $('input').change(function(){
      aa();
    })
});





    
        商品
        单价(元/件)
        数量(件)
        小计(元)
    
    
        iPad
        
        
        0
    

  
        iPhone
        
        
        0
    

  
        iMac
        
        
        0
    
    
     总计:
    
    





1 个回答
  • 
    
    
    
        
        
        
        商品计算器,购物车模块一
        
        
        
        * {
            /*line-height: 30px;*/
            padding: 0px;
            margin: 0px;
        }
        
        table {
            text-align: center;
            margin: 30px;
        }
        
        td,
        th {
            padding: 8px;
        }
        
        input {
            width: 120px;
        }
        
    
    
    $(document).ready(function() {
        //乘法函数,用来得到精确的乘法结果
        //说明:javascript的乘法结果会有误差,在两个浮点数相乘的时候会比较明显。这个函数返回较为精确的乘法结果。
        //调用:accMul(arg1,arg2)
        //返回值:arg1乘以arg2的精确结果
        function accMul(arg1, arg2) {
            var m = 0,
                s1 = arg1.toString(),
                s2 = arg2.toString();
            try {
                m += s1.split(".")[1].length
            } catch (e) {}
            try {
                m += s2.split(".")[1].length
            } catch (e) {}
            return Number(s1.replace(".", "")) * Number(s2.replace(".", "")) / Math.pow(10, m)
        }
        //加法函数,用来得到精确的加法结果
        //说明:javascript的加法结果会有误差,在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。
        //调用:accAdd(arg1,arg2)
        //返回值:arg1加上arg2的精确结果
        function accAdd(arg1, arg2) {
            var r1, r2, m;
            try {
                r1 = arg1.toString().split(".")[1].length
            } catch (e) {
                r1 = 0
            }
            try {
                r2 = arg2.toString().split(".")[1].length
            } catch (e) {
                r2 = 0
            }
            m = Math.pow(10, Math.max(r1, r2))
            return (parseInt(arg1 * m, 10) + parseInt(arg2 * m, 10)) / m
        }
    
        function aa() {
            var price;
            var total_price = 0;
            for (i = 0; i < $('tr').size() - 2; i++) {
                // 小计函数
                var price = accMul($('.price').eq(i).val(), $('.num').eq(i).val());
                total_price = accAdd(total_price, price);
                $('.subtotal').eq(i).text(price);
                $('.total_price').text(total_price)
            }
    
        }
        $('input').change(function() {
            aa();
        })
    });
    
    
    
        
            
                商品
                单价(元/件)
                数量(件)
                小计(元)
            
            
                iPad
                
                    
                
                
                    
                
                0
            
            
                iPhone
                
                    
                
                
                    
                
                0
            
            
                iMac
                
                    
                
                
                    
                
                0
            
            
                总计:
                
            
        
    
    
    


    2022-11-26 16:05 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有