Ir para conteúdo

POWERED BY:

Arquivado

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

Crepusculo de aço

captura informações de um grupo de checkbox

Por , em Javascript

Recommended Posts

Crepusculo de aço    0

Crepusculo de aço
Postado

Boa noite fórum tenho um problema que seque:

Trabalho para facu... é um formulário de cadastramento onde você cadastra uma coleção de cursos, os mesmo vem dinamicamente do banco em um grupo de checkbox onde eu devo selecionar apenas o curso que eu quero cadastra.

O problema é que eu não sei como faz para captura apenas os checkbox selecionado.

E tenho que pegar mais informações do checkbox selecionados que, quando selecionar um checkbox para escolha de um curso deve-se soma a quantidade de horas do curso e seu valor, e se você tira a seleção tenho que retira o a hora e valor deste curso

Exemplo: :angry:

[*] Windows total hora:[10]h/s valor: [10,00]

[ ] Word total hora:[10]h/s valor: [10,00]

[*] internet total hora:[10]h/s valor: [10,00]

 

Total h [20] Valor total [20,00]

 

So que eu não sei por onde começar, vcs podem-me ajudar?

Compartilhar este post

Link para o post
Compartilhar em outros sites

eibon    2

eibon
Postado

Caro aldiseia,

 

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Calculator</title>
<script>
	function calcula(prm)
	{
		var totalhora = Math.round(document.getElementById("totalhora").value);
		var totalpreco = Math.round(document.getElementById("totalpreco").value);
		var chkb = document.getElementById(prm);
		var vchkb = chkb.value.split("^");
		var horas = Math.round(vchkb[0]);
		var preco = Math.round(vchkb[1]);
		if(chkb.checked)
		{
			totalhora = totalhora + horas;
			totalpreco = totalpreco + preco;
		} else {
			totalhora = totalhora - horas;
			totalpreco = totalpreco - preco;
		}
		document.getElementById("totalhora").value = totalhora;
		document.getElementById("totalpreco").value = totalpreco;
	}
</script>
</head>
<body>
	Curso - Winxp - horas:30 - preço:R$20,00:<input type="checkbox" id="curso1" value="10^20" onClick="java script:calcula('curso1');"><br />
	Curso - Preparatorio LPI - horas:50 - preço:R$100,00:<input type="checkbox" id="curso2" value="50^100" onClick="java script:calcula('curso2');"><br />
	Curso - PHP - horas:80 - preço:R$400,00:<input type="checkbox" id="curso3" value="80^500" onClick="java script:calcula('curso3');"><br />
	<br/><div style="border:1px solid #ff0000;padding:2px;width:400px;">
	Total horas:<input type="text" id="totalhora" readonly="readonly" value="0"><br/>
	<br/>Total preço:<input type="text" id="totalpreco" readonly="readonly" value="0"><br/>
	</div>
</body>
</html>

Não utilizei ajax,utilizei javascript e html (puro).Não havia necessidade de usar ajax.

Espero que tenha entendido,e que saiba implementar o que quiser no meu code.

Forte abraço!

 

Ps:java script: foi dividido em java script:

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