Discussion :

[yugi-21]

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 HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

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]);
                }
            }
        }

[ProgElecT]

Salut

Essais en inversant ta boucle For.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Invité]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[NoSmoking]

Bonjour,

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

** 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

[Invité]

Exact.

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