Featured image of post 【JS】Cómo marcar todas las casillas de verificación en una página web a la vez (con Bookmarklet)

【JS】Cómo marcar todas las casillas de verificación en una página web a la vez (con Bookmarklet)

Explicamos cómo marcar todas las casillas de verificación en una página web a la vez. Presentamos el código JavaScript para ejecutar en la consola de DevTools de Chrome y el procedimiento para crear un práctico bookmarklet que permite seleccionar o deseleccionar todo con un solo clic.

Para marcar todas las casillas de verificación en una página web, abra DevTools con F12, pegue el siguiente código en la consola y ejecútelo.

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

O bien,

Cree un nuevo marcador y pegue el siguiente código en la dirección al registrarse (generalmente donde ingresa https://…). Muestre la página web donde desea marcar las casillas de verificación y haga clic en el marcador que creó para marcar todas las casillas de verificación.

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

Si desea desmarcar todas, cambie la parte de boxes[i].checked = true; del script anterior a boxes[i].checked = false;.

comments powered by Disqus