jQuery – Marcar e demarcar todos os inputs tipo checkbox em uma pagina

Fernando Valler 30/12/2019 Java Script


Essa função em jQuery é muito útil e extremamente simples, utilizo muito em meus projetos. Você pode marcar apenas os input que desejar, para isso basta incluir no input a class .check para que ele seja marcado/desmarcado.

Código JavaScript

<script>
//No seu arquivo de script.js
$(document).ready(function () {
    $("#checkAll").click(function() {
        $(".check").prop('checked', $(this).prop('checked'));
    });
});
</script>

Código HTML

<!-- Marcar/Desmarca todo os checkbox 
Obs a presença do ID #chackAll no input responsavel por marcar/desmarcar todos -->
<input type="checkbox" name="" id="checkAll">

<!-- Input que será marcado ou desmarcado. 
Obs a presença da class .check os inputs que não tiverem essa class não seram marcados ou desmarcados -->
<input type="checkbox" name="" id="" class="check">

 


Fernando Valler - Programador Web
Fernando Valler

Sou programador web, motivado por desafios e sempre buscando aprender algo novo. Aqui você pode encontrar alguns projetos.