javascript - 手机端页面购物车功能JS如何实现产品数量，商品价格去相加减。-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 AI 提示词

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - 手机端页面购物车功能JS如何实现产品数量，商品价格去相加减。

巴扎黑 2017-04-11 09:21:32

[JavaScript讨论组]

670



    
        
        
        购物车
        
        
        
        
        
        
        
        
        
    
    
        
            
                
                    
                
            
            
                  购物车
            
        
        
        
        
            购物车的logo图位置
            
亲、您的购物车还是空空的哦，快去装满它!
            前去逛逛
        
        
            
                
                 
                
                
                
                    
法国加力果12个装 进口新鲜水果 嘎啦苹果 包邮
                    
                        -
                        
                        +
                     
                
                ￥169 
                
            
            
                
                 
                
                
                
                    
法国加力果12个装 进口新鲜水果 嘎啦苹果 包邮
                    
                        -
                        
                        +
                     
                
                ￥169 
                
            
            
                
                 
                
                
                
                    
法国加力果12个装 进口新鲜水果 嘎啦苹果 包邮
                    
                        -
                        
                        +
                     
                
                ￥169 
                
            
            
                
                 
                
                
                
                    
法国加力果12个装 进口新鲜水果 嘎啦苹果 包邮
                    
                        -
                        
                        +
                     
                
                ￥169 
                
            
            
        
        
        
            
            
               
            
            批量删除
            去结算
            

                
合计：￥217.80
                某某快递配送
            
        
        

 
 
      
   
          
            
                
                首页
            
          
          
            
                
                分类
            
          
       
          
            
                
                购物车
            
          
          
            
                
                我的信息

这是我的手机端页面代码，我不会用JS写最后的总价。希望各路大神能给个解决办法。

巴扎黑

全部回复(2)

迷茫2017-04-11 09:23:32 2楼

$(function(){
    $('.increase').click(function(){
        var self = $(this);
//      var price=self[0].parentNode.parentNode.nextElementSibling;
        var current_num = parseInt(self.siblings('input').val());
        current_num += 1;
        self.siblings('input').val(current_num);
//      update_item(self.siblings('input').data('item-id'));
        gettotal();//这里调用
    })        
    $('.decrease').click(function(){
        var self = $(this);
        var current_num = parseInt(self.siblings('input').val());
        if(current_num > 1){
            current_num -= 1;
            self.siblings('input').val(current_num);
//          update_item(self.siblings('input').data('item-id'));
        }
        gettotal();//这里调用
    })
//  function change(e,val){
//        e.innerHTML=val;
//    }
    function gettotal(){//就是这个函数获取总的数量，并乘以单价，再修改总价，然后再加和减的方法内调用
        var num=0;
        for(var i=0,len=$(".text_box").length;i<len;i++){
            num += parseFloat($(".text_box")[i].value);
            var zongnum=num*169;
                $(".js-text p b")[0].innerHTML=zongnum;
        }
    }
})

ps:楼主，问问题真是一门学问，你这劈头盖脸的一篇吓跑了多少人？还有，你这html的层级嵌套，真心让人蛋疼，还好你是用的jq框架，要是你们老大让你用原生js,就这不合理的层级dome操作都得把你累死。你这需求是动态改变每个输入框类的数字，然后再乘以单价，再相加获得总的金额对吧？你也不说清楚，搞得我以为是动态改变每个输入框后面的金额，并把总的金额相加...