Question

    $('document').ready(function(){
        $('[name=mycheckbox]').live('click', function(){
            if($(this).is(':checked'))
            {
                alert('it is checked');
            }
            else
            {
                alert('it is not checked');
            }
        });

        $('[name=mycheckbox]').click();
    });

If the checkbox is checked and you click it, the alert box says, “it is not checked”, but when the page runs and the click event is fired (with the checkbox checked), the alert box says, “it is checked”. Why? Is the state of the checkbox not effected by the click event? Is it mousedown that changes the state?

Answer 1

Instead of click you should use the change event here, like this:

$('[name=mycheckbox]').live('change', function(){

And invoke it with the same trigger, like this:

$('[name=mycheckbox]').change();

The click is separate from the change, if you want the event to fire when the check actually has finished changing, then you want change, not click. Alternately, if you want to toggle it from it’s initial state still, do this:

$('[name=mycheckbox]').click().change();