Question

Sorry, my JS is not the best, I need some help on something I am sure is simple.

Basically I have my parent node (it can change, but that’s okay, I’m getting the Parent correctly), but I now need to know if every child checkbox of that parent is checked (if so return 1) or if 1 or more child checkboxes is unchecked return 0.

Any help would be great!

Answer 1

I think :not combined with :checked is what you want

var numUnchecked = 
    $(parentNode).find("input[type='checkbox']:not(:checked)").length;

if (numUnchecked > 0)
   alert("Some not checked");

Here’s a fiddle

So for your specific question, it would be something like this

function areAllChecked() {
    var parentNode = $("#parent");
    var numUnchecked = 
        parentNode.find("input[type='checkbox']:not(:checked)").length;
    return numUnchecked > 0 ? 0 : 1;
}