Selecionar todos checkbox [Javascript]

Selecionar todos checkbox

Publicado por Rodrigo Urbinati Maia 28/11/2004

[ Hits: 32.209 ]

Download testando.htm

0 0

Denuncie Favoritos Indicar

Clica em um checkbox e todos os demais serão selecionados, semelhante ao que acontece nos sites de e-mails.
Adicionei um comando que ao ser clicado no checkbox muda o texto de "Marcar todos" para "Desmarcar todos"

Esconder código-fonte

<!-- 
Desenvolvido por : Scriptfacil.com
Modificado por   : Rodrigo Urbinati Maia
email            : rodurma@hotmail.com
-->
<html>

<head>
<script language=javascript>
<!--
cont = 0;
function CheckAll() { 
   for (var i=0;i<document.formulario.elements.length;i++) {
     var x = document.formulario.elements[i];
     if (x.name == 'UIDL[]') { 
x.checked = document.formulario.selall.checked;
} 
}
if (cont == 0){    
var elem = document.getElementById("checar");
elem.innerHTML = "Desmarcar todos";
cont = 1;
} else {
var elem = document.getElementById("checar");
elem.innerHTML = "Marcar todos";
cont = 0;
}

} 
//-->
</script>
</head>

<body>
<font face=verdana size=1 color=black>
<form name="formulario">

<input type=checkbox name="selall" onClick="CheckAll()"><span id="checar">Marcar todos</span><br>

<input type=checkbox name="UIDL[]" value="1">Opção 1<br>

<input type=checkbox name="UIDL[]" value="2">Opção 2<br>

<input type=checkbox name="UIDL[]" value="3">Opção 3<br>
<input type=checkbox name="UIDL[]" value="3">Opção 3<br>
</form>


</body>
</html>

Scripts recomendados

Evento OnKeyPress - Usando o Enter

Simples Form

Ajax - Exemplo Super Simples

Máscara JavaScript para Campos de Telefone/Celular e CEP

Validação de Data - Fácil

Comentários

[1] Comentário enviado por rbzorzato em 24/11/2009 - 14:32h

a função ficou massa... funciona certinho... mas pra ficar mais facil ainda...

é só trocar if (x.name == 'UIDL[]') {

por if (x.type== 'checkbox') {

assim ele pega por tipo.. e voce nao precisa esquentar a cabeça se o nome do seus checkbox's forem diferentes....

1 0