Wie verwende ich querySelectorAll nur für Elemente, die ein bestimmtes Attribut gesetzt haben?

Question

Ich versuche document.querySelectorAll für alle Kontrollkästchen zu verwenden, die das Attribut value festgelegt haben.

Es gibt andere Kontrollkästchen auf der Seite, die nicht value festgelegt haben, und der Wert ist für jedes Kontrollkästchen unterschiedlich. Die IDs und Namen sind jedoch nicht eindeutig.

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

Wie kann ich nur diese Checkbox auswählen, die Werte festgelegt haben?

Answer 1

können Sie querySelectorAll() wie folgt verwenden:

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

Dies führt zu:

alle Eingaben erhalten mit dem Attribut "Wert" und hat das Attribut "value", die nicht leer ist.

In this demo, es deaktiviert das Kontrollkästchen mit einem nicht leeren Wert.

Answer 2

Extra-Tipps:

Mehrere "Nichtse", Eingabe, die nicht ausgeblendet ist und nicht deaktiviert:

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

Auch wussten Sie, können Sie dies tun:

node.parentNode.querySelectorAll('div'); 

Dies ist äquivalent zu jQuerys:

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

Das wird effektiv alle Divs in "Knoten" und darunter rekursiv finden, HOT DANM!

Answer 3

document.querySelectorAll() für Eingabe-Returns werden nur die Eingaben standardmäßig überprüft.

Grüße;)