Selecionar todos checkbox
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"
Adicionei um comando que ao ser clicado no checkbox muda o texto de "Marcar todos" para "Desmarcar todos"
Descrição
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"
Adicionei um comando que ao ser clicado no checkbox muda o texto de "Marcar todos" para "Desmarcar todos"
<!--
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>
é 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....