Fire function on change of <input> tag with jQuery (checkbox/textbox)

Question

I'm looking to fire an updateTotals() function whenever input tags are changed on my form (checkboxes, textboxes).

I'm using Telerik MVC NumericTextBoxes/PercentTextBoxes which ultimately render as tags just like my checkboxes.

I've attempted to apply something like this to my page to do so:

$("#SupervisionRequired").change(updateTotals());

This jQuery fires on the initial page load, but doesn't fire when the Checkbox is changed.

Since I'm using some generic MVC Helpers based on my model (EditorFor, TextBoxFor) I cannot directly apply the onChange event onto these controls. My end goal is to have the updateTotals() function called when a Checkbox is checked/unchecked, and when the user clicks outside of an input tag (for the NumericTextBoxes).

What can I do to change my above jQuery, or add to it to make this possible?

Nathan Anderson · Accepted Answer · 2011-10-06 20:25:14Z

3

The correct syntax is

$("#SupervisionRequired").change(updateTotals);

(without the () after updateTotals)

answered Oct 6, 2011 at 20:25

Nathan Anderson

6,87830 silver badges30 bronze badges

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

Comments

Rob W · Accepted Answer · 2011-10-06 20:24:11Z

1

Wrap the updateTotals() function inside a function(){}.

$("#SupervisionRequired").change(function(){
    updateTotals()
});

Currently, you're immediately calling function updateTotals(), and passing the return value as an event listener to the change event.

Instead of adding the change event to $("#SupervisionRequired"), you an use a selector to select all of your input elements inside your form, eg: $("#myFormName input").change(function(){updateTotals();}).

answered Oct 6, 2011 at 20:24

Rob W

350k87 gold badges811 silver badges683 bronze badges

1 Comment

Lando Over a year ago

Thanks, that worked perfectly. I'm glad I posted this right away before tinkering too overly long with syntax!

Collectives™ on Stack Overflow

Fire function on change of <input> tag with jQuery (checkbox/textbox)

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related