get unchecked checkboxes using just javascript

Question

I can get all checked checkboxes with:

document.querySelectorAll('input[type=checkbox]:checked')

Is there a way to get the unchecked boxes?

Answer 1

You can use the not psuedo-selector in combination with checked:

console.log(
  document.querySelectorAll('input[type=checkbox]:not(:checked)').length
);

<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox" checked>
<input type="checkbox" checked>