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.
Muito bom, Obrigado !
ResponderExcluirMuito bom! Vlw!
ResponderExcluirCara, o "Todos" que passa na função , eh referente ao ID,Nome ou Valor do checkBox ?
ResponderExcluirOlá, se refere ao ID. Repare que na frente tem um '#'. O jquery usa esse seletor para IDs.
Excluiratt
Muito boa essa função.
ResponderExcluirFunciona perfeitamente!
vlww!!!