jQuery (UI): Detect checking of a checkbox

Question

How can I make jQuery fire an event when a user checks a checkbox?

<input type="checkbox" id="test" name="test" /><label for="test">Check me</label>

I could do it with .click though that doesn't work when the user tabs to the checkbox. I wasn't able to find info on this in the api docs or while googling.

Cheers.

Answer 1

You're looking for the change event:

$('#test').change(function() { ... });

Answer 2

$('#test').bind('change', function(){
    if($(this).is(':checked')){
        // box was checked
    }
});