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>
Top comments (0)