Publicado em 2 de nov.

captura informações de um grupo de checkbox

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?

Discussão (1)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

eibon· 3 de nov.

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: