Clicking on label doesn't trigger click event

Question

I have this code:

True?

and

$(\"label\").click(function () {
  $(         


        

Answer 1

Clicking the label also triggers a click on the input so bind the change event to the checkbox itself:

$(function(){
    $("label input").on("click",function(){
	$(this).parent().toggleClass("active");
    });
});

.active {color:red;}

True?

Or With CSS 3

If you don't need to support old browsers, you could use the :checked pseudo-class in CSS instead:

input[type=checkbox]:checked + label {color:red;}

 
True?