calculate with Jquery each time a input changes

Question

I have an application where I have to perform a simple calculation where the price of each item * the amount. I am trying to figure out the best way to do it. I have a input type="number" and I have a item price. I need to update my input fied each time the value of the QTY field changes

    $('#add1').click(function () {
    var selected1 = ($('#produceList option:selected').index() - 1);
    myItem1 = pdata[selected1];
    $('#itembox').append('<div id="thep">' + '<p class = "product">' + myItem1.Name + '    ' + myItem1.Price + '</p>' + '<label for="howMAny">Qty:</label>' + '<input id="howMany" type="number" min="0" max="10" value="0">' + '<label for="thisMany">Price:</label>' + '<input type="text" id ="thisMany"readonly>' + '</div>');

you probably want to utilise the .change() function on the qty field. That will allow you to specify some code to run every time the qty field changes. Something like $("#howMany").change( function () { //recalculate here }); — Darren Crabb
– Darren Crabb, Commented Jan 14, 2014 at 9:52

Shobhit Sharma · Accepted Answer · 2014-01-14 09:52:34Z

1

You can simply use jQuery's change() function. http://api.jquery.com/change/

The change event is sent to an element when its value changes. This event can be used with elements, boxes and elements. For select boxes, checkboxes, and radio buttons, the event is fired immediately when the user makes a selection with the mouse, but for the other element types the event is deferred until the element loses focus.

answered Jan 14, 2014 at 9:52

Shobhit Sharma

1,60914 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Flo · Accepted Answer · 2014-01-14 09:53:37Z

1

You can use the onchange event for this.

This code should handle it when you are using jQueryY

$('input').on('change', function() {
  alert( this.value );
})

Now, instead of alerting the value you can update your result.

answered Jan 14, 2014 at 9:53

Flo

3201 silver badge7 bronze badges

Comments

Milind Anantwar · Accepted Answer · 2014-01-14 09:52:55Z

0

You can write the code in event below. This will be getting triggered everytime textbox for qty changes.

jQuery('#howMany').on('input', function() {
// do your stuff here.
})

answered Jan 14, 2014 at 9:52

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

Collectives™ on Stack Overflow

calculate with Jquery each time a input changes

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related