Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

andreia_sp

Marcar todos os checkboxs

Recommended Posts

Imagem PostadaImagem Postada

 

<script language="JavaScript">
function selecionar_todas(retorno){
var formulario=document.form;

 if(retorno==true){
  for(i=0;i<formulario.length;i++){
   if(formulario.elements[i].type=="checkbox" && formulario.elements[i].name!="todas"){
	 if(formulario.elements[i].checked==false){
	 formulario.elements[i].checked=true;
	  }
   }
  }
 } 
 else {
  for(i=0;i<formulario.length;i++){
   if(formulario.elements[i].type=="checkbox" && formulario.elements[i].name!="todas"){
	 if(formulario.elements[i].checked==true){
	   formulario.elements[i].checked=false;
	 }
   }
  }
 }
}
</script>

<form name="form">
<input name="todas" type="checkbox" id="todas" value="checkbox" onClick="selecionar_todas(this.checked)">Selecionar Todas<br><br>
<input name="1" type="checkbox" value="1">Opcao 1<br>
<input name="2" type="checkbox" value="2">Opcao 2<br>
<input name="3" type="checkbox" value="3">Opcao 3<br>
<input name="4" type="checkbox" value="4">Opcao 4<br>
<input name="5" type="checkbox" value="5">Opcao 5<br>
<input name="6" type="checkbox" value="6">Opcao 6<br>
</form>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Fiz um aqui, bem simples também:

 

Exemplo online! :D

Caso o link não funcione, deixo aqui o script:

 

window.onload = function(){
	selectAll("everyDays", "days", "all", "Deselecionar todos os dias");
};

function selectAll(checkAll, nameChecks, textID, alternativeText){
	var check = document.getElementsByName(checkAll)[0];
	var checks = document.getElementsByName(nameChecks);
	var text = document.getElementById(textID);
	var defaultText = text.innerHTML;
	
	check.onclick = function(){
		for (var i = 0; i < checks.length; i++) {
			if(this.checked){
				checks[i].checked = true;
				text.innerHTML = alternativeText;
			}else{
				checks[i].checked = false;
				text.innerHTML = defaultText;
			}
		}
	};
}

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Edit

 

Código atualizado:

 

function selectAll(checkAll, nameChecks, textID, alternativeText){
	var check = document.getElementsByName(checkAll)[0];
	var checks = document.getElementsByName(nameChecks);
	var text = document.getElementById(textID);
	var defaultText = text.innerHTML;
	var checkeds = 0;
	
	check.onclick = checksAll;
	
	function checksAll(){
		for(var i = 0; i < checks.length; i++){
			if(this.checked){
				checks[i].checked = true;
				text.innerHTML = alternativeText;
				checkeds = checks.length;
			} else{
				checks[i].checked = false;
				text.innerHTML = defaultText;
				checkeds = 0;
			}
		}
	};
	
	for(var x = 0; x < checks.length; x++){ checks[x].onclick = verify }
	
	function verify(){
		if(this.checked) ++checkeds;
		else --checkeds;
		
		if(checkeds == checks.length){
			check.checked = true;
			text.innerHTML = alternativeText;
		} else{
			check.checked = false;
			text.innerHTML = defaultText;
		}
	};
}

O exemplo online também foi atualizado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.