Capture clicking on a checkbox's title in jQuery

Question

I'd like to listen on the event of a user clicking on a checkbox's title (in addition to the checkbox itself). How can this be done?

Answer 1

$('#myCheckbox').change(function(){ doStuff();});
$('#myCheckboxsLabel').click(function(){ doStuff();});

So long as you use the same doStuff() function for both, you should be ok

Answer 2

If you wrap the title in a <label for="checkboxID">, then clicking on the title will fire the checkbox's click event.

See here for a quick example.

Answer 3

If <label for="id"> tags don't trigger your jQuery you may need a plugin to do it for you. Try labelify, I've heard good things (though not directly related to your question).