Featured image of post [JS] Comment cocher toutes les cases d'une page Web en une seule fois (avec bookmarklet)

[JS] Comment cocher toutes les cases d'une page Web en une seule fois (avec bookmarklet)

Nous expliquons comment cocher toutes les cases à cocher d'une page Web en une seule fois. Nous présentons le code JavaScript à exécuter dans la console DevTools de Chrome, ainsi que la procédure pour créer un bookmarklet pratique permettant de tout sélectionner ou désélectionner en un seul clic.

Pour cocher toutes les cases sur une page web, ouvrez les DevTools avec F12, collez le code suivant dans la console et exécutez-le.

1
2
3
4
5
6
let boxes = document.querySelectorAll('input[type="checkbox"]');
for (let i = 0; i < boxes.length; i++) {
    if (!boxes[i].disabled) {
        boxes[i].checked = true;
    }
}

Ou,

Créez un nouveau favori et collez le code suivant dans l’adresse d’enregistrement (la partie où vous tapez généralement https://…). Affichez la page web que vous souhaitez cocher, puis cliquez sur le favori créé pour cocher toutes les cases.

1
javascript:(function(){let boxes=document.querySelectorAll('input[type="checkbox"]');for(let i=0;i<boxes.length;i++){if(!boxes[i].disabled){boxes[i].checked=true;}}})();

Pour tout décocher, remplacez la partie boxes[i].checked = true; du script ci-dessus par boxes[i].checked = false;.

comments powered by Disqus
Généré avec Hugo
Thème Stack conçu par Jimmy