我的购物车产品加减法无法正常工作


My cart product add and subtract is not working properly

这是我的购物车中用于添加和删除产品的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>

        <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>

<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=euc-kr">
        <title>test</title>
        <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
        
    </head>
    <body>
        <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/item_no.jpg" alt="item_no">
            </td>-->
            <td class="ct-wishList-description">
              <p class="boughItemId">
                    item_no<!--?php echo $row[ 'itemno']; ?-->
              </p>
            </td>
            <td class="ct-wishList-description">
              <p class="product-name">
                <a href="">
                    model_name<!--?php echo $row[ 'model_name']?-->
                </a>
              </p>
            </td>
            <td class="ct-wishList-price">
              10000,00 kr
              </td>
            <td class="cart_quantity text-center">
              <input class="itemBoughtQty" type='text' name='qtyitem_id' size="2" id='qtyitem_id' value="1" />
              </br>
              <input type='button' onclick="subchange('item_id')" name='subtract' value='-' /><!--? /*subchange<?php echo $items_id; ?>()*/ ?-->
              <input type='button' onclick="addchange('item_id',10000)" 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 = "10000";
                  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_0item_id"> 10000  </span> 
          </tr>
</tbody>
    </body>
</html>

这是样本价格为10000和$items_id;=item_id