Ir para conteúdo

POWERED BY:

Arquivado

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

tony_lu

Contagem de checkbox

Por , em Javascript

Recommended Posts

tony_lu    1

tony_lu
Postado

Ola pessoal...td legal?

 

Tenho uma duvida... tenho um formulario com uma lista que vem do banco de dados...cada registro possui um checkbox...preciso fazer o seguinte

 

Sempre que eu marcar um checkbox o javascript soma +1 no valor de um campo hidden que tenho no formulario que vai ser enviado.... entao se o visitante marcar a caixa...soma +1...se desmarcar subtrai 1.... alguem sabe como posso fazer isso???

 

Obrigado pessoal....!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carutcho    0

Carutcho
Postado

pode ser que exista um mais facil,

 

Mas desenvolvi esse aqui rapidinho pra te dar uma luz..

 

absss

 

 

<html>
<head>
<title>Contagem Regressiva</title>
<script language=JavaScript>

function testando ()
{
		var inputs = document.getElementsByTagName('input')
		var qtd = 0;
		for (i=0;i<inputs.length;i++)
		{
			if (inputs[i].type=="checkbox" && inputs[i].checked==true && inputs[i].name=="teste")
			{
				qtd++;
			}
		}		
		alert(qtd);
}
 </SCRIPT>

</head>
<!-- Aqui começa o corpo da página -->
<body>

<input type="checkbox" name="teste" value="teste1">teste
<input type="checkbox" name="teste" value="teste2">teste1
<input type="checkbox" name="teste" value="teste3">teste2
<a href="#" onClick="testando()"> clique </a>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Joel_Jw    0

Joel_Jw
Postado

simplificando um pouco..

 

<form name="form">
<input type="checkbox" id="01" onClick="Incrementa(this.checked);"></input>
<input type="checkbox" id="02" onClick="Incrementa(this.checked);"></input>
<input type="checkbox" id="03" onClick="Incrementa(this.checked);"></input>

<textarea style="visibility:hidden;" id="contador">
0
</textarea>

</form>
<script language="javascript1.2" type="text/javascript">
function Incrementa(chk){
	if (chk){
	document.getElementById("contador").value++;
	}
	else{
	document.getElementById("contador").value--;
	}
}
</script>

abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carutcho    0

Carutcho
Postado

Ficou show esse metodo q você fez hein joel :)

 

assim atualiza em tempo real :D

 

 

Absss

Compartilhar este post

Link para o post
Compartilhar em outros sites

Joel_Jw    0

Joel_Jw
Postado

poise Carutcho..

 

eu prefiro usar o minimo de loops, pois torna a página mais leve..

 

espero ter ajudado.

 

abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito