Here is my jquery-code in my cart for adding and deleting products. But it doesn't changes the quantity and one more error I am getting is after adding to the cart it shows me the amount of two items. E.g.: If my item's price is $45 it shows me $90
Any lead for this highly appreciable.
<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>