php - 我的购物车产品添加和减去无法正常工作

Question

这是我购物车中用于添加和删除产品的 jquery 代码。但它并没有改变数量，我得到的另一个错误是在添加到购物车后它显示了两件商品的数量。例如:如果我的商品价格是 45 美元，它会显示 90 美元

对此高度重视的任何线索。

<tbody>
  <tr id="product_1338_19903_0_0" class="cart_item last_item first_item address_0 odd">

    <td class="ct-wishList-image">
      <img style="width:100px;" src="admin/itempics/<?php echo $row['itemno']?>.jpg" alt="<?php echo $row['model_name']?>">
    </td>
    <td class="ct-wishList-description">
      <p class="boughItemId">
        <?php echo $row[ 'itemno']; ?>
      </p>
    </td>
    <td class="ct-wishList-description">
      <p class="product-name">
        <a href="">
          <?php echo $row[ 'model_name']?>
        </a>
      </p>
    </td>
    <td class="ct-wishList-price">
      <?php echo $row[ 'price'] ?>,00 kr</td>
    <td class="cart_quantity text-center">
      <input class="itemBoughtQty" type='text' name='qty<?php echo $items_id; ?>' size="2" id='qty<?php echo $items_id; ?>' value="1" />
      </br>
      <input type='button' onclick="subchange<?php echo $items_id; ?>()" name='subtract' value='-' />
      <input type='button' onclick="addchange<?php echo $items_id; ?>()" name='add' value='+' />
      <script>
        $(function() {
          var nTotalCount = 0;
          var szUrlString = "index.php?con=6&itemid=";

          $("span[itempricetag='1'").each(function(tag) {
            nTotalCount = Number($(this).html()) + Number(nTotalCount);

          });
          $(".boughItemId").each(function(tag) {
            szUrlString += $(this).html() + ",";
          });

          szUrlString += "&qty=";
          $(".itemBoughtQty").each(function(tag) {
            szUrlString += $(this).val() + ",";
          });
          $("#total_price").html(nTotalCount);
          $("#cart_price").html(nTotalCount);
          $("#cart_total").html(nTotalCount);
          $("#total_total").html(nTotalCount);
          $("#ptcl").attr("href", szUrlString + "&total=" + nTotalCount);
        });
         //document.getElementById("total_price").innerHTML= $total;
        function addchange <?php echo $items_id; ?> () {
          $item_value = document.getElementById("qty<?php echo $items_id; ?>").value++;
          document.getElementById("total_product_price_1338_19903_0<?php echo $items_id; ?>").innerHTML = ($item_value + 1) * <? php echo $row['price'] ?> ;

          //total_price
          var nTotalCount = 0;
          var szUrlString = "index.php?con=6&itemid=";
          $("span[itempricetag='1'").each(function(tag) {
            nTotalCount = Number($(this).html()) + Number(nTotalCount);
          });

          $(".boughItemId").each(function(tag) {
            szUrlString += $(this).html() + ",";
          });
          szUrlString += "&qty=";
          $(".itemBoughtQty").each(function(tag) {
            szUrlString += $(this).val() + ",";
          });
          $("#total_price").html(nTotalCount);
          $("#cart_price").html(nTotalCount);
          $("#cart_total").html(nTotalCount);
          $("#total_total").html(nTotalCount);
          $("#ptcl").attr("href", szUrlString + "&total=" + nTotalCount);
        }

        function subchange <? php echo $items_id; ?> () {
          $item_count = document.getElementById("qty<?php echo $items_id; ?>").value;
          if ($item_count > 1) {
            $item_value = document.getElementById("qty<?php echo $items_id; ?>").value--;
            document.getElementById("total_product_price_1338_19903_0<?php echo $items_id; ?>").innerHTML = ($item_value - 1) * <? php echo $row['price'] ?> ;
            var nTotalCount = 0;
            $("span[itempricetag='1'").each(function(tag) {
              nTotalCount = Number($(this).html()) + Number(nTotalCount);
            });
            $("#total_price").html(nTotalCount);
            $("#cart_price").html(nTotalCount);
            $("#cart_total").html(nTotalCount);
            $("#total_total").html(nTotalCount);
            $("#ptcl").attr("href", "index.php?con=6&total=" + nTotalCount);
          }
        }
      </script>
    </td>
    <td id="cart_total" data-title="Total">
      <span itempricetag="1" class="cart_total" id="total_product_price_1338_19903_0<?php echo $items_id; ?>"> <?php echo $row['price'] ; ?>  </span> 
      <td class="ct-wishList-button">
        <a class="btn btn-default btn-md del_item<?php echo $items_id; ?>" data-value="<?php echo $key; ?>">X</a>
        <script>
          $(".del_item<?php echo $items_id; ?>").click(function() {
            var delcartvalue = $(this).data('value');
            //alert(delcartvalue);
            $.ajax({
              type: "GET",
              url: "cancel_item.php",
              data: {
                cancelitem: delcartvalue
              },
            });
            $(this).closest('tr').fadeOut();
            window.location.reload();
          });
        </script>
      </td>

  </tr>

</tbody>

Answer 1

        <td class="ct-wishList-image">
          <img style="width:100px;" src="admin/itempics/<?php echo $row['itemno']?>.jpg" alt="<?php echo $row['model_name']?>">
        </td>
        <td class="ct-wishList-description">
          <p class="boughItemId">
            <?php echo $row[ 'itemno']; ?>
          </p>
        </td>
        <td class="ct-wishList-description">
          <p class="product-name">
            <a href="">
              <?php echo $row[ 'model_name']?>
            </a>
          </p>
        </td>
        <td class="ct-wishList-price">
          <?=$row['price'] ?>,00 kr
          </td>
        <td class="cart_quantity text-center">
          <input class="itemBoughtQty" type='text' name='qty<?php echo $items_id; ?>' size="2" id='qty<?php echo $items_id; ?>' value="1" />
          </br>
          <input type='button' onclick="subchange(<?php echo $items_id; ?>)" name='subtract' value='-' /><? /*subchange<?php echo $items_id; ?>()*/ ?>
          <input type='button' onclick="addchange(<?php echo $items_id; ?>,<?php echo $row['price']; ?>)" name='add' value='+' /><? /*subchange<?php echo $items_id; ?>()*/ ?>
        <script>
            $(function() {
              var nTotalCount = 0;
              var szUrlString = "index.php?con=6&itemid=";

              $("span[itempricetag='1'").each(function(tag) {
                nTotalCount = Number($(this).html()) + Number(nTotalCount);

              });
              $(".boughItemId").each(function(tag) {
                szUrlString += $(this).html() + ",";
              });

              szUrlString += "&qty=";
              $(".itemBoughtQty").each(function(tag) {
                szUrlString += $(this).val() + ",";
              });
              $("#total_price").html(nTotalCount);
              $("#cart_price").html(nTotalCount);
              $("#cart_total").html(nTotalCount);
              $("#total_total").html(nTotalCount);
              $("#ptcl").attr("href", szUrlString + "&total=" + nTotalCount);
            });
             //document.getElementById("total_price").innerHTML= $total;
            function addchange (item_id , price) { //  <-here add item_id , price
              var item_value = document.getElementById("qty"+item_id).value;// change var item_value = document.getElementById("qty"+item_id).value++;
              document.getElementById("qty"+item_id).value = Number(item_value)+1;// add

              document.getElementById("total_product_price_1338_19903_0"+item_id).innerHTML = (Number(item_value)+1) * Number(price) ;
                // change "total_product_price_1338_19903_0"+item_id 
                // (Number(item_value)+1) * Number(price)

              //total_price
              var nTotalCount = 0;
              var szUrlString = "index.php?con=6&itemid=";
              $("span[itempricetag='1'").each(function(tag) {
                nTotalCount = Number($(this).html()) + Number(nTotalCount);
              });

              $(".boughItemId").each(function(tag) {
                szUrlString += $(this).html() + ",";
              });
              szUrlString += "&qty=";
              $(".itemBoughtQty").each(function(tag) {
                szUrlString += $(this).val() + ",";
              });
              $("#total_price").html(nTotalCount);
              $("#cart_price").html(nTotalCount);
              $("#cart_total").html(nTotalCount);
              $("#total_total").html(nTotalCount);
              $("#ptcl").attr("href", szUrlString + "&total=" + nTotalCount);
            }

            function subchange(item_id) {
              var item_count = document.getElementById("qty"+item_id).value;
              var price = "<?=$row['price'] ?>";
              if (item_count > 1) {
                document.getElementById("qty"+item_id).value = Number(item_count)-1;
                document.getElementById("total_product_price_1338_19903_0"+item_id).innerHTML = (Number(item_count)-1) * Number(price) ;
                var nTotalCount = 0;
                $("span[itempricetag='1'").each(function(tag) {
                  nTotalCount = Number($(this).html()) + Number(nTotalCount);
                });
                $("#total_price").html(nTotalCount);
                $("#cart_price").html(nTotalCount);
                $("#cart_total").html(nTotalCount);
                $("#total_total").html(nTotalCount);
                $("#ptcl").attr("href", "index.php?con=6&total=" + nTotalCount);
              }
            }
          </script>

        </td>
        <td id="cart_total" data-title="Total">
          <span itempricetag="1" class="cart_total" id="total_product_price_1338_19903_0<?php echo $items_id; ?>"> <?php echo $row['price'] ; ?>  </span> 
          <td class="ct-wishList-button">
            <a class="btn btn-default btn-md del_item<?php echo $items_id; ?>" data-value="<?php echo $key; ?>">X</a>
            <script>
              $(".del_item<?php echo $items_id; ?>").click(function() {
                var delcartvalue = $(this).data('value');
                //alert(delcartvalue);
                $.ajax({
                  type: "GET",
                  url: "cancel_item.php",
                  data: {
                    cancelitem: delcartvalue
                  },
                });
                $(this).closest('tr').fadeOut();
                window.location.reload();
              });
            </script>
          </td>

      </tr>