Question

Just a simple question.

I’m using

console.log(jQuery(event.target).is(":checked"));

and it returns false everytime.

If I do a console.log(jQuery(event.target)) is prints out the input box, so I know event.target is correct.

I can’t use this here because the jQuery event is bound to a parent div.

Any ideas why this wouldn’t work? Seems easy enough.

EDIT#########################################
Rest of code:

jQuery(".core-create-install-pkg-parent").live("click", function(event){
var cls = jQuery(event.target).attr("type");
if(cls != "checkbox"){
    event.stopPropagation();
    jQuery(".core-create-install-pkg-child:first", this).toggle();
}else{
    console.log(event.target);
    if(jQuery(event.target).is(":checked")){
        console.log("it's checked");
        jQuery("input[type=checkbox]", this).removeAttr('checked'); 
    }else{
        console.log("not checked");
        jQuery("input[type=checkbox]", this).attr("checked", true);
    }
}
});

And the html looks like:

<div class="core-create-install-pkg-parent">
  <div class="core-create-install-pkg-title">
    <input type="checkbox" value="" checked>
    plugins
  </div>
</div>

Answer 1

The problem with this code snipped is that you instantly revert the control after it toggles.

if (jQuery(event.target).is(":checked")) { //Enters if the checkbox is checked
    console.log("it's checked");
    jQuery("input[type=checkbox]", this).removeAttr('checked'); //Removes the checked attribute, effectively unchecking it
} else { //Enters if the checkbox is Unchecked
    console.log("not checked");
    jQuery("input[type=checkbox]", this).attr("checked", true); //Sets the checked attribute, checkbox becomes checked again
}

Also i would recommend the prop method of jquery for testing the checked state (which returns true or false). [requires jQuery 1.6)

($(event.target).prop("checked")
($(event.target).prop("checked", true)