Como marcar / desmarcar todos os CheckBox usando jQuery

Quem nunca precisou criar uma opção de marcar/desmarcar uma série de caixas de seleção (checkbox)?
Veja alguns simples exemplos utilizando jQuery.

Explicação do filtro ($() selector):

  • :checkbox – Todos os inputs do tipo checkbox
  • [] – Filtrar algum atributo do elemento
  • id – Atributo id do elemento, que sera condicionado
  • *= – Operador que examina o conteúdo do atributo filtrado (tipo um Contains ou Like) a procura de um determinado valor
  • ImoveisCheckBoxList – Valor que sera procurado no conteudo do atributo id

Ou seja, iremos efetuar uma determinada ação em todos os elementos do tipo checkbox cujo id contem a palavra “ImoveisCheckBoxList”. Fiz dessa forma por utilizar este código principalmente em aplicações ASP.NET Webform, onde os identificadores (id) dos controles são gerados dinamicamente pelo runtime do aspnet.

//Marcando: Definimos que o atributo checked deve estar a true
$(":checkbox[id*=ImoveisCheckBoxList]").attr("checked",true);
//Desmarcando: Removemos o atributo checked
$(":checkbox[id*=ImoveisCheckBoxList]").removeAttr("checked")
// Prefiro fazer dessa forma, onde escolhemos entre marcar ou desmarcar na mesma instrução
$(":checkbox[id*=ImoveisCheckBoxList]").each(function() { this.checked = true/false; });

Você pode obter maiores informações sobre as diferentes formas de selecionar elementos usando jQuery nesta página.