Featured image of post [JS] Como marcar todas as caixas de seleção em uma página da web de uma só vez (com bookmarklet)

[JS] Como marcar todas as caixas de seleção em uma página da web de uma só vez (com bookmarklet)

Explicamos como marcar todas as caixas de seleção em uma página da web de uma só vez. Apresentamos o código JavaScript para executar no console DevTools do Chrome e os passos para criar um bookmarklet útil que permite selecionar e desmarcar tudo com um clique.

Para marcar todas as caixas de seleção em uma página da web, abra o DevTools com F12, cole o seguinte código no console e execute-o.

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,

Crie um novo favorito e cole o seguinte código no endereço de registro (a parte onde você normalmente digita https://…). Exiba a página da web que deseja marcar e clique no favorito criado; todas as caixas de seleção serão marcadas.

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

Para desmarcar todas, altere a parte boxes[i].checked = true; do script acima para boxes[i].checked = false;.

comments powered by Disqus
Hugo で構築されています。
テーマ StackJimmy によって設計されています。