jquery 我想让我的加号和减号按钮改变小计和总价,但价格没有改变,有人能解决我的问题吗?

rqdpfwrv  于 2022-12-18  发布在  jQuery
关注(0)|答案(1)|浏览(160)

这里是我的代码,我试过每个产品的数量累计价格,但仍然卡住,任何人都可以解决我的问题?我需要你的帮助伙计们,感谢试用我的代码

<td>
    {{-- <input type="number" value="2" class="form-control input-kuantitas"> --}}
    <div class="wrapper">
        <span class="minus">-</span>
        <span class="num" id="quantity_{{ $pesanan->id }}">1</span>
        <span class="plus">+</span>
    </div>
</td>
    
<td id="price_{{ $pesanan->id }}">{{ $pesanan->harga }}</td>
<div class="row">
    <div class="col-md-4 ms-auto">
        <div class="table-responsive">
            <table class="table">
                <tr>
                    <th>Total</th>
                    <td id="total">Rp. {{ $harga }}</td>
                </tr>
<script>
        $('.plus').click(function (e) { 
            const elem=$(this).prev();
            let qty = parseInt(elem.html())+1;
            elem.html(qty);
        });
        $('.minus').click(function (e) { 
            const elem=$(this).next();
            let qty = parseInt(elem.html());
            if(qty>1){
                qty--;
            }
            elem.html(qty);
        });
    </script>
dced5bon

dced5bon1#

很难假设“总数”是如何计算的,因为在上面的场景中没有给你。
试试这个。

<script>

    $('.plus').click(function (e) { 
        const elem=$(this).prev();
        const getId=elem.attr("id").split("_")[1]; // To find the price id
        const price=parseFloat($("#price_"+getId).text()); // price amount
        let qty = parseInt(elem.html())+1;
        elem.html(qty);
        $("#total").html("Rp. "+price*qty); // set total, assume total is qty * price
    });
    $('.minus').click(function (e) { 
        const elem=$(this).next();
        const getId=elem.attr("id").split("_")[1]; // To find the price id
        const price=parseFloat($("#price_"+getId).text()); // price amount
        let qty = parseInt(elem.html());
        if(qty>1){
            qty--;
        }
        elem.html(qty);
        $("#total").html("Rp. "+price*qty); // set total, assume total is qty * price
    });
</script>

希望这段代码对你有帮助。

相关问题