Checkbox marcar todos

João Victor F. Arruda — Tue, 21 Mar 2023 20:18:44 +0000

O Script abaixo permite que você marque todos os checkbox em uma grid, apenas colocando o id do #checkTodos que ira ser utilizado para marcar todos percorrendo o id do #check comum utilizando o laço de repetição for após uma condicional que valida se o #checkTodos = true.

<script>
    const checkbox = document.getElementById('checkTodos');
    checkbox.addEventListener('click', () => {
        var meuInput = $('#checkTodos');
        var estaSelecionado = meuInput.prop('checked');
        if (estaSelecionado) {
            var elementos = document.querySelectorAll('.check');
            for (var i = 0; i < elementos.length; i++) {
                if (!elementos[i].checked) {
                    elementos[i].checked = true;
                } else {
                    elementos[i].checked = true;
                }
            }
        } else {
            var elementos = document.querySelectorAll('.check');
            for (var i = 0; i < elementos.length; i++) {
                if (!elementos[i].checked) {
                    elementos[i].checked = false;
                } else {
                    elementos[i].checked = false;
                }
            }
        }
    });
</script>

DEV Community: João Victor F. Arruda

Checkbox marcar todos