如何使用jquery提醒数量增加和数量减少值？

Question

<script>
    $(document).ready(function(){
        $(".qty-increase, .qty-decrease").click(function(event){
            id = this.id;
            quantity = $("#input-quantity1_"+id).val();
            alert(quantity);
        });
    });
</script>
<div class="input-content">
    <div class="box-qty">
        <input type="text" name="quantity" value="1" id="input-quantity1_<?php echo $row_cart['id']; ?>" class="input-text qty">
        <input type="hidden" name="product_id" value="44">
        <div class="qty-arrows" style="margin-top: -40px;">
            <input type="button" value="+" onclick="var qty_el = document.getElementById('input-quantity1');
        var qty = qty_el.value;if (!isNaN(qty))qty_el.value++;return false;" id="<?php echo $row_cart['id']; ?>" class="qty-increase">

            <input type="button" value="-" onclick="var qty_el = document.getElementById('input-quantity1');
        var qty = qty_el.value;if (!isNaN(qty))qty_el.value--;return false;" id="<?php echo $row_cart['id']; ?>" class="qty-decrease">
        </div>
    </div>
</div>

In this code I have quantity increase and quantity decrease type buttons. When I click on qty-increase then value increases. Similarly in case of decrease. Now, what happens when I click on qty-increase is that it alerts value 1 only and value remains the same. So, how can I get value if I increase or decrease? Please help me.

Answer 1

Please check with below code

<script>
    $(document).ready(function(){
        $(".qty-increase").click(function(event){
            id = this.id;
            quantity = $("#input-quantity1_"+ id).val();
            quantity =  parseInt(quantity)+1;
            $("#input-quantity1_"+ id).val(quantity);
        });

        $(".qty-decrease").click(function(event){
            id = this.id;
            quantity = $("#input-quantity1_"+ id).val();
            quantity =  parseInt(quantity)-1;
            if(quantity > 0){
                $("#input-quantity1_"+ id).val(quantity);
            }else{
                $("#input-quantity1_"+ id).val(0);
                alert('Item is remove in cart')
            }

        });
    });
</script>

let me know if you still get the error.

Update:-

   <div class="box-qty">
        <input type="text" name="quantity" value="1" id="input-quantity1_<?php echo $row_cart['id']; ?>" class="input-text qty">
        <input type="hidden" name="product_id" value="44">
        <div class="qty-arrows" style="margin-top: -40px;">
            <input type="button" value="+" onclick="cart_value('add',<?php echo $row_cart['id']; ?>);" id="<?php echo $row_cart['id']; ?>" class="qty-increase">

            <input type="button" value="-" onclick="cart_value('less',<?php echo $row_cart['id']; ?>);" id="<?php echo $row_cart['id']; ?>" class="qty-decrease">

            <input type="button" value="add" onclick="add_value_weclome();">
        </div>
    </div>

<script>
    function cart_value(data,id){
        if(data == 'add'){
            quantity = $("#input-quantity1_"+ id).val();
            quantity =  parseInt(quantity)+1;
            $("#input-quantity1_"+ id).val(quantity);
        }else{
            quantity = $("#input-quantity1_"+ id).val();
            quantity =  parseInt(quantity)-1;
            if(quantity > 0){
                $("#input-quantity1_"+ id).val(quantity);
            }else{
                $("#input-quantity1_"+ id).val(0);
                alert('Item is remove in cart')
            }
        }
    }
</script>