Supprimer plusieurs checkbox dans une boucle

Bonjour à tous.

J'aimerais savoir comment on fait pour supprimer plusieurs checkbox qui sont cochés avec le label qui va avec en javascript.

J'ai déjà fait un parcours de liste mais cela ne mes supprime que de un à un .

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

<div id="Div"> <input class="scene" type="checkbox" name="salut"> <input class="scene" type="checkbox" name="salut"> <input class="scene" type="checkbox" name="salut"> </div> <button onclick="supprimerBouton1()" type="button" class="btn btn-danger btn-circle btn-sm"></button> function supprimerBouton1() {   var d = document.getElementsByClassName("scene");   for (var i = 0; i < d.length; i++) { if (d[i].checked) { d[i].remove(); console.log(d[i]); } } }

---

Salut

Essais en inversant ta boucle For.

Code:

---

for (var i = d.length - 1; i >=0; i--)

---

Bonjour,

.remove(), en supprimant un élément, va modifier/réordonner les index des éléments restant.
Donc for(i=0 ...... i++) ne va pas fonctionner comme voulu *.


Solution :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

function supprimerBouton1() {   var d = document.querySelectorAll(".scene");   for(elt of d){ if (elt.checked) { elt.remove(); } }   }

---

[EDIT] * La solution (astucieuse !)** de ProgElecT va aussi fonctionner, car les éléments seront supprimés à partir de l'index le plus grand vers le plus petit (ce qui ne perturbe pas les index restants).

** On avait déjà rencontré cette problématique dans une autre discussion, il me semble.

Bonjour,

Citation:

---

Envoyé par jreaux62

var d = document.querySelectorAll(".scene");

---

Tant qu'à faire autant cibler plus précisément

Code:

---

1 2 3 4

function supprimerChecked() { const listNodeChecked = document.querySelectorAll(".scene:checked"); listNodeChecked.forEach((el) => el.remove()) }

---

Citation:

---

Envoyé par jreaux62

** On avait déjà rencontré cette problématique dans une autre discussion, il me semble.

---

Plusieurs fois même mais tu fais peut-être référence à cette discussion : Supprimer des éléments d'une liste

Exact. :ccool:

Mais ça, c'était avant......
......le monde d'avant......
......avant le confinement. :mrgreen: