javascript - obtener - queryselectorall addeventlistener

¿Cómo usar querySelectorAll solo para elementos que tienen un conjunto de atributos específicos?

Question

Estoy tratando de usar document.querySelectorAll para todas las casillas de verificación que tienen el atributo de value establecido.

Hay otras casillas de verificación en la página que no tienen un conjunto de value , y el valor es diferente para cada casilla de verificación. Sin embargo, los identificadores y los nombres no son únicos.

Ejemplo: <input type="checkbox" id="c2" name="c2" value="DE039230952"/>

¿Cómo selecciono solo las casillas de verificación que tienen valores establecidos?

Answer 1

Puedes usar querySelectorAll() así:

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

Esto se traduce en:

Obtenga todas las entradas con el atributo "valor" y tiene el atributo "valor" que no está en blanco.

En esta demostración , desactiva la casilla de verificación con un valor que no está en blanco.

Answer 2

Consejos adicionales:

Múltiples "nots", entrada que NO está oculta y NO está deshabilitada:

:not([type="hidden"]):not([disabled])

También sabías que puedes hacer esto:

node.parentNode.querySelectorAll(''div'');

Esto es equivalente a jQuery:

$(node).parent().find(''div'');

Que efectivamente encontrará todos los divs en "nodo" y debajo de forma recursiva, HOT DAMN!