点击增加减少并且总价随之改变

 // 监听减号按钮的点击事件
                    $('.jie').click(function() {
                        var input = $(this).siblings('input.kuang'); // 获取同级的input元素
                        var count = parseInt(input.val()); // 将当前的值转换为整数
                        // alert(count)
                        if (parseInt(input.val())==0) {
                            alert('不能再减了')
                        } else{
                        input.val(count - 1);
                        let jg=$(this).parent().prev().children('.price').html();
                        let qian=(input.val()*jg).toFixed(2);
                        $(this).parent().next().children().html(qian);
                        }
                    });
                 // 监听加号按钮的点击事件
                    $('.jia').click(function() {
                        var input = $(this).siblings('input.kuang'); // 获取同级的input元素
                        var count = parseInt(input.val()); // 将当前的值转换为整数
                        // alert(count)
                        input.val(count + 1);
                        let jg=$(this).parent().prev().children('.price').html();
                        let qian=(input.val()*jg).toFixed(2);
                        $(this).parent().next().children().html(qian);
                        
                    });

// 计算商品总价的函数
                        function calculateTotal() {
                            var total = 0; // 初始化总价
                            // 遍历所有的小计元素
                            $('.subtotal').each(function() {
                                var subtotal = parseFloat($(this).text()); // 获取小计的值并转换为浮点数
                                if (!isNaN(subtotal)) { // 检查是否为有效数字
                                    total += subtotal; // 累加到总价
                                }
                            });
                            // 设置商品总价
                            $('.Total').html(total.toFixed(2)); // 保留两位小数
                        }
                    
                        // 每次点击加减按钮或者输入数量时,重新计算总价
                        $('.jia, .jie, .kuang').on('click input', function() {
                            calculateTotal(); // 调用计算总价的函数
                        });
                    
                        // 初次加载页面时计算总价
                        calculateTotal();

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值