Ícone do site Linha de Comando

JQuery: Marcar e desmarcar todos os checkboxes

Nível: facílimo
Classificação: 5+ anos

Selecionar Todos

Item 1

Item 2

Item 3

Item 4

// 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.

Sair da versão mobile