Learn free online HTML5, javascript, and jquery Tutorials by Examples

Friday 4 July 2014

Onclick increase or decrease value in jQuery

See the Pen Onclick increase or decrease value in jQuery by satish mallick.

-----------------------------------------------------------------
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript">
$(function()
{
    $(".add").click(function()
    {
        var currentVal = parseInt($(this).next(".qty").val());
        if (currentVal != NaN)
        {
            $(this).next(".qty").val(currentVal + 1);
        }
    });

    $(".minus").click(function()
    {
        var currentVal = parseInt($(this).prev(".qty").val());
        if (currentVal != NaN)
        {
            if(currentVal > 0){
                    $(this).prev(".qty").val(currentVal - 1);
                }

        }
    });
});

</script>



<form id="myform">
        <input type="button" value="+" id="add1" class="add" />       
        <input type="text" id="qty1" value="0" class="qty" />       
        <input type="button" value="-" id="minus1" class="minus" /><br /><br />
    </form>

----------------------------------------------------------------

No comments:

Post a Comment