Home/ Questions/Q 6143151
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T18:29:06+00:00

Here is the simplest code that recreates the problem. (In my real world example,

  • 0

Here is the simplest code that recreates the problem. (In my real world example, I’m resetting the checkbox if there is an error with an ajax call.)

<html>
    <script src="http://code.jquery.com/jquery-1.4.2.js"></script>
<script>
    $(document).ready( function(){
        $('#ckbx').change( function( e ){
            alert('fired.');
            this.checked = !this.checked;
        })
    });
</script>

<form>
    <input id="ckbx" type="checkbox"></input>
</form>

</html>

In IE9, when I click the checkbox, it displays the alert. Then if I wait any amount of time, then click anywhere else on the page, it fires the event again.

If I remove this.checked = !this.checked the problem goes away.

Can anyone explain this to me? Or provide a way to get around this problem?

UPDATE:
I’m using jquery 1.4.2; in jquery 1.6 this is not a problem. However, we are close to releasing, and we are reluctant to change versions of jquery.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This is because the .change() event is firing again when you reset the checkbox and click elsewhere on the page. You should use the .click() event instead.

    <html>
    <script src="http://code.jquery.com/jquery-1.4.2.js"></script>
<script>
    $(document).ready( function(){
        $('#ckbx').click( function( e ){
            alert('fired.');
            this.checked = !this.checked;
        })
    });
</script>

<form>
    <input id="ckbx" type="checkbox"></input>
</form>

</html>
    • 0