Question

我需要在按钮上添加功能。我试图将其添加到php文件中。

脚本在这里：


$(document).ready(function(){
        $document.on('click','#minus_button',function(){
            selected=$(this.attr("data-id"));

            quantity = parseInt($('#quantity[data-id="'+selected'"]').val());

            $('#quantity[data-id="'+selected'"]').val(quantity -1);


        });

        $document.on('click','#plus_button',function(){
            selected=$(this.attr("data-id"));

            quantity = parseInt($('#quantity[data-id="'+selected'"]').val());

            $('#quantity[data-id="'+selected'"]').val(quantity + 1);

        });
    });

以下是按钮：


<button type=\"button\" class=\"btn bg-light border rounded-circle\" id=\"minus_button\" data-id=\"$productid\"><i class=\"fas fa-minus\"></i></button>
<input type=\"text\" value=\"1\" class=\"form-control w-25 d-inline\" id=\"quantity\" data-id=\"$productid\">
<button type=\"button\" class=\" btn bg-light border rounded-circle\"id=\"plus_button\" data-id=\"$productid\"><i class=\"fas fa-plus\"></i></button>

我从数据库中获得了product_id。按钮不起作用。如果您有帮助，我会很高兴。

Answer 1

您当前的jquery代码有很多语法错误，我已经纠正了该错误。此外，我在这里id中使用的不是class，因为您可能有许多具有相同id的按钮。

$(document).ready(function() {
  $(document).on('click', '.minus_button', function() {
    selected = $(this).attr("data-id");
    quantity = parseInt($('.quantity[data-id="' + selected + '"]').val());
    $('.quantity[data-id="' + selected + '"]').val(quantity - 1);
  });

  $(document).on('click', '.plus_button', function() {
    selected = $(this).attr("data-id");

    quantity = parseInt($('.quantity[data-id="' + selected + '"]').val());

    $('.quantity[data-id="' + selected + '"]').val(quantity + 1);

  });
});

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<!--added class="minus_button"-->
<button type="button" class="btn bg-light border rounded-circle minus_button" id="minus_button" data-id="$productid"><i class="fa fa-minus"></i></button>
<!--added class="quantity"-->
<input type="text" value="1" class="form-control w-25 d-inline quantity" id="quantity" data-id="$productid">
<!--added class="plus_button"-->
<button type="button" class=" btn bg-light border rounded-circle plus_button" id="plus_button" data-id="$productid"><i class="fa fa-plus"></i></button>

Answer 2

还有用于计算总价的脚本。但是以这种方式，我需要在其上添加数量。当我尝试添加时，它不起作用。

<?php

                $total = 0;
                    if (isset($_SESSION['cart'])){
                        $product_id = array_column($_SESSION['cart'], 'product_id');

                        $result = $db->getData();
                        while ($row = mysqli_fetch_assoc($result)){
                            foreach ($product_id as $id){
                                if ($row['id'] == $id){
                                    cartElement($row['product_image'], $row['product_name'],$row['product_price'], $row['id']);
                                    $total = $total + (int)$row['product_price'];
                                }
                            }
                        }
                    }else{
                        echo "<h5>Cart is Empty</h5>";
                    }

                ?>

使用按钮f增加和减少数量

2 个答案: