DEV Community

João Victor F. Arruda
João Victor F. Arruda

Posted on

Checkbox marcar todos

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>
Enter fullscreen mode Exit fullscreen mode

Top comments (0)