JQuery: Verify if in a collection of inputs (of type checkbox) one is checked

Question

I have collection of inputs of type checkbox

var collection = $(\'.className\');
console.log(collection);

result is:

[span.clas         


        

Answer 1

You can use the :checked selector, and then check the length property to see if any elements were matched:

if ($(".className:checked").length) {
    //At least 1 is checked!
}

However, your output looks like you have span elements, not input elements. If the checkboxes are descendants of the .className elements, add a space before the :checked selector.

Answer 2

You could test for checked: $('.className:checked');

Answer 3

$('.className input:checked').length > 0

I'm assuming your checkbox is inside a span since .className is giving you an array of spans.

Answer 4

if ($('.className input[type="checkbox"]:checked').length>0){
   console.log("At least 1 selected!");
}