Selecionar todos checkbox

Publicado por Rodrigo Urbinati Maia 28/11/2004

[ Hits: 32.606 ]

Download testando.htm




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

Validação para data

Inverter palavras ou links em JavaScript

Função Javascript simples para validação de CPFs

Checar campos de um formulário

Autofoco no primeiro campo de um formulário


  

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




Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts