checkbox val not showing false

Question

I have the follwoing code:

 $("input:checkbox").live('click', function() {
                          alert($(this).val());
});

True is shown if the checkbox is checked. However, if the checkbox is checked and I uncheck it, the value shown is still true. How can I correct that? What is wrong with the code? Thanks

Answer 1

this.checked //true/false - not jquery
$(element).checked //does not work
$(element).attr('checked') //checked/NULL *
$(element).is(':checked') //true/false

*note that <input TYPE=CHECKBOX CHECKED=CHECKED> returns in both checked/unchecked state checked

Answer 2

The value of a checkbox is always the same. You need to see if it is checked or not.

….attr('checked');