detect checkbox state change

Question

I want to detect if user checks or unchecks a check box within an iframe and set a flag like so. But it does not seem to work as expected. Any pointers on the error on the code?

jQuery("#frameName").contents().find(":checkbox").bind('change', function(){        
            val = true;
            alert("changed");
    });

But I can detect if a checkbox is checked by using

var val = jQuery("#frameName").contents().find(":checkbox").is(":checked");

I want to be able to detect any state change on a checkbox and set the flag.

Answer 1

Use the checked DOM property to check whether a checkbox is checked or not. The change event is always triggered on change, even if the checkbox gets unchecked.

jQuery("#frameName").contents().find(":checkbox").bind('change', function(){        
        val = this.checked; //<---
        alert("changed");
});