Marcar/Desmarcar todos checkboxes com JQuery

Se tivermos muitos checkboxes para o usuário marcar podemos considerar incluir a opção marcar/desmarcar todos para facilitar a vida do usuário e melhorar a usabilidade do sistema.

Abaixo segue como fazer isso:

Crie a função:

Javascript:

function marcardesmarcar(){
   if ($("#todos").attr("checked")){
      $('.marcar').each(
         function(){
            $(this).attr("checked", true);
         }
      );
   }else{
      $('.marcar').each(
         function(){
            $(this).attr("checked", false);
         }
      );
   }
}


HTML:

<input type="checkbox" name="todos" id="todos" value="todos" onclick="marcardesmarcar();" /> Marcar/Desmarcar todos<br/>
<input type="checkbox" class="marcar" name="1"  value="1" />Valor 1<br/>
<input type="checkbox" class="marcar" name="2"  value="2" />Valor 2<br/>
<input type="checkbox" class="marcar" name="3"  value="3" />Valor 3<br/>

Testando:


Marcar/Desmarcar todos
Valor 1
Valor 2
Valor 3

Certifique-se de usar o evento onclick. Usando onchange não funcionou no Internet Explorer.

Att,
Gustavo Marques.