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)