how to increment and decrement product quantity?
Question
I want to increment and decrement more product quantity in cart and also I want to show current value in span tag.
<a href="javascript:" id="minus2" onclick="decrementValue()"/><strong>-</strong></a>
<input type="text" id="qty2" name="<?php echo $s?>" min="1" value="<?php echo $quantity; ?>">
<a href="javascript:" id="add2" onclick="incrementValue()"/><strong>+</strong></a>
<a href="cart-item-delete.php?cartdetailsID=<?php echo $cartdetailsID; ?>"><i class="icon-trash icon-large" onclick="return confirm('Do you want to delete cart?');" ></i> </a>
<?php if($free_qty!=0){ echo "<br>".$free_qty." Free";} ?>
1 answers
solution1
0 ACCPTED 2015-12-10 11:10:17
Here is working code to increment and decrements quantity into qty textbox.
<html>
<body>
<?php
$quantity = 3;
$cartdetailsID = 1;
$free_qty = 1;
?>
<a href="javascript:" id="minus2" onclick="decrementValue()"/><strong>-</strong></a>
<input type="text" id="qty2" name="<?php echo $s?>" min="1" value="<?php echo $quantity; ?>">
<a href="javascript:" id="add2" onclick="incrementValue()"/><strong>+</strong></a>
<a href="cart-item-delete.php?cartdetailsID=<?php echo $cartdetailsID; ?>"><i class="icon-trash icon-large" onclick="return confirm('Do you want to delete cart?');" ></i> </a>
<?php if($free_qty!=0){ echo "<br>".$free_qty." Free";} ?>
<script type="text/javascript">
var qty2 = document.getElementById("qty2");
function decrementValue(){
if(!isNaN(qty2.value) && qty2.value > 0 ) {
qty2.value--;
}
}
function incrementValue(){
if(!isNaN(qty2.value)) {
qty2.value++;
}
}
</script>
</body>
</html>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Target a product in a list and increment/decrement its quantity
Increment decrement quantity with Angular form
Button Increment or Decrement for quantity - JS
how to increment product quantity with jquery append function
I am trying to implement product quantity increment and decrement using react useState hooks
Increment / Decrement quantity number on WooCommerce using jQuery
Multiple increment & decrement quantity jQuery still not working
How to increment and decrement week?
Unable to increment or decrement my quantity value React JS
Increment and Decrement quantity in ListView using react-native
Related Tags