jQuery .change() event not firing in IE

Question

I\'ve got a dialog that performs a calculation that is dependant on three input fields. When any of them are changed it checks whether they are all filled and if they are i

Answer 1

Please try with using each instead of change / click , which is working fine even first time in IE as well as other browsers

Not Working a first time

$("#checkboxid").change(function () {

});

Working fine even first time

$("#checkboxid").each(function () {

});

Answer 2

Use the live function, it usually makes it work ...

$("#YOURTHING").live("change", function(){

// CODE HERE

});

Answer 3

Using jQuery .on() also might solve your problem. Use it like this :

jQuery("#ltv-dialog").on("change", "input", function(){
     alert("It works !");
     //your javascript/jQuery goes here
   }
);

jsfiddle

Answer 4

I had the same issue: Below fix worked for me:

Instead of: $("#ltv-dialog input").change( function() {

I used: $('#ltv-dialog').on('input', function() {

Answer 5

As you are targeting text input elements, have you tried using a different event? So instead of change use, for example, keyup? $("#ltv-dialog input").keyup( function() {. This will fire after every keypress.