JQuery: Marcar e desmarcar todos os checkboxes

Nível: facílimo
Classificação: para maiores de 5 anos

<form action="" name="form" method="post">
  <p><input type="checkbox" id="checkTodos" name="checkTodos"> Selecionar Todos</p>
 
  <p><input type="checkbox" value="1"> Item 1</p>
  <p><input type="checkbox" value="2"> Item 2</p>
  <p><input type="checkbox" value="3"> Item 3</p>
  <p><input type="checkbox" value="4"> Item 4</p>
</form>
// Forma 1
$("#checkTodos").click(function(){
    $('input:checkbox').not(this).prop('checked', this.checked);
});
 
// Forma 2
$("#checkTodos").change(function () {
    $("input:checkbox").prop('checked', $(this).prop("checked"));
});
 
// Forma 3
var checkTodos = $("#checkTodos");
checkTodos.click(function () {
  if ( $(this).is(':checked') ){
    $('input:checkbox').prop("checked", true);
  }else{
    $('input:checkbox').prop("checked", false);
  }
});

Para testar o script clique aqui.

Abraço e até o próximo post.

2 comentários em “JQuery: Marcar e desmarcar todos os checkboxes

  • 9 de novembro de 2017 em 14:37
    Permalink

    Grande Tiago, sempre nos ajudando.
    Obrigado.

    Resposta
  • 17 de julho de 2018 em 11:53
    Permalink

    Código muito útil! Parabéns!

    Resposta

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *