Question

Here’s the code:

this.Form.find("input[type=checkbox]").click(function(event) {
    if ($(this).is(":checked")) {
        console.log("checked");
    }
    else {
        console.log("unchecked");
    }
});

If the checkbox is not checked, and I click with the mouse, I get “checked”. If I trigger it programmatically like $("#someCheckbox").click(), I get “unchecked”. How to make the two behave the same way?

Answer 1

After seeing your comment, I did a little bit of testing. I was able to get it to work the way you want in FF and IE using the DOM click method on the checkbox instead of triggering the jQuery click event.

<script type="text/javascript">
$(function() {
    $("input:checkbox").click( function() {
        if ($(this).is(':checked')) {
            alert('checked');
        }
        else {
            alert('not checked');
        }
    });
    $('a').click( function() {
        $('#cb').get(0).click();
        return false;
    });
});
</script>


<p>
<a href='#'>click a box</a>
</p>
<input id="cb" name="cb" type="checkbox" value="0" /> 0<br />