Are they all checked?

Simplest way to check whether all checkbox input fields checked or not; by converting a NodeList to an Array using ES6 ... spread operator so we can attach every() method to it;

Checkout the Are they all checked? Demo on jsfiddle

[...document.querySelectorAll('input')].every(checkbox => checkbox.checked)
Did you find this post useful? Show some love!
DISCUSSION (5)

What would be the benefit for using a spread operator instead of Array.from()?

Thanks Arden! You can definitely do the same thing with Array.from, but in my case, the ... is better use IMO. Less code, easy to remember, plus performance. Cheers

I kinda like Array.from() because it's so verbose and easy readable, but I guess that's also because not everyone (read: me) is used to spread operators yet. Thanks for the clarification!

Ah btw, I didn't knew Array.from took in two arguments, so an alternative could be

Array.from(document.querySelectorAll('input'), checkbox => checkbox.checked);

Correct me if I'm wrong.

Also

Array.prototype.every.call(document.querySelectorAll('input'), checkbox => checkbox.checked)
Classic DEV Post from Oct 8

If you could install only one VSCode extension?

What would it be and why?

Mahmoud Elmahdi
Software Engineer w/ a Designer's state of mind

dev.to is where software developers stay in the loop and avoid career stagnation.

Sign up (it's free!)