JQuery 1.4.4 and IE6: .live ('change') does not start on checkbox until blur

Question

Here's the code using jQuery 1.4.4:

<input type="checkbox" value="on" offval="off" id="c5f1_Associated" name="Associated" class="editable"> <script type="text/javascript"> $('input:checkbox').live('change', function() { alert('Changed!'); // some other code }); </script> 

(These flags are generated by jqGrid, so they are a bit dirty.)

In Chrome, the function starts immediately after clicking on the checkbox.

In IE6, this only works when you click on the checkbox, and then clicking on something else on the page (i.e. blur).

According to jQuery 1.4 release notes :

change and submit events normalized

The work of modifying and sending events reliably in browsers for both normal and live events. We override the normal change and dispatch of events in Internet Explorer and replace them with events that work the same way with other browsers.

This behavior is not very normal for me!

From what I could find, there were errors related to using .live ("change") in IE in earlier versions 1.4, but they were supposedly fixed in 1.4.2.

Am I doing something wrong, or is this how it should work in IE6? Will I be forced to do something like this ?

Answer 1

The only potential problem that I see with "click" is that if the user goes to the checkbox using the tab key and then uses the spacebar to select / deselect, the event will not fire. Therefore, you need to add an extra bit of code for the keydown or keyup event in the field:

 $('input:checkbox').live('click', function(){ checkBoxChanged(); }).keyup(function(e){ if(e.which == 32){ //if the key pressed was the space bar checkBoxChanged(); } }); function checkBoxChanged(){ alert('changed!'); //other code }