165 votes

Comment utiliser querySelectorAll uniquement pour les éléments qui ont un jeu d’attributs spécifique ?

J’essaie d’utiliser pour toutes les cases à cocher dont l’attribut est défini.

Il existe d’autres cases à cocher sur la page qui n’ont `` pas été définies, et la valeur est différente pour chaque case à cocher. Les identifiants et les noms ne sont cependant pas uniques.

Exemple: ``

Comment puis-je sélectionner uniquement les cases à cocher dont les valeurs sont définies ?

303voto

Joseph the Dreamer Points 43727

Vous pouvez utiliser `` comme ceci:

Cela se traduit par :

obtenir toutes les entrées avec l’attribut « value » et a l’attribut « value » qui n’est pas vide.

Dans cette démo, il désactive la case à cocher avec une valeur non vide.

39voto

Punnerud Points 362

Avec votre exemple :

Remplacez $$ par document.querySelectorAll dans les exemples suivants :

Utilisez les exemples ci-dessus directement, sans avoir besoin de bibliothèque supplémentaire, simplement en ajoutant:

Quelques ajouts :

22voto

mattdlockyer Points 2098

Conseils supplémentaires:

Plusieurs « nots », entrée qui n’est PAS masquée et NON désactivée :

Saviez-vous également que vous pouvez faire ceci:

Ceci est équivalent à celui de jQuery :

Qui trouvera effectivement tous les divs dans « node » et ci-dessous récursivement, HOT DAMN!

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X