How to use querySelectorAll only for elements that have a specific attribute set?

You can use querySelectorAll() like this:

var test = document.querySelectorAll('input[value][type="checkbox"]:not([value=""])');

This translates to:

get all inputs with the attribute “value” and has the attribute “value” that is not blank.

In this demo, it disables the checkbox with a non-blank value.