Come utilizzare querySelectorTutti solo per gli elementi con un set di attributi specifico?

Question

Sto tentando di utilizzare document.querySelectorAll per tutte le caselle di controllo che hanno il set di attributi value.

Nella pagina sono presenti altre caselle di controllo che non hanno impostato value e il valore è diverso per ciascuna casella di controllo. Gli id ​​e i nomi non sono però unici.

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

Come faccio a selezionare solo quelle caselle che hanno fissato i valori?

Answer 1

È possibile utilizzare querySelectorAll() come questo:

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

questo si traduce in:

ottenere tutti gli ingressi con il "valore" di attributo e ha il "valore" attributo che non è vuoto.

In this demo, disattiva la casella di controllo con un valore non vuoto.

Answer 2

Consigli aggiuntivi:

multipli "abbienti", ingresso che non è nascosto e non disabili:

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

Inoltre lo sapevate che si può fare questo:

node.parentNode.querySelectorAll('div'); 

Questo equivale a jQuery:

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

Quale troverà efficacemente tutti i div in "nodo" e in basso ricorsivamente, HAN DANM!

Answer 3

document.querySelectorAll() per input restituisce solo input checkd per impostazione predefinita.

Saluti;)