(Resolvido) Somar Valor do Radio Button

[*Michelle* 0]

Olá pessoal!

Tô aqui pra pedir ajudar de alguma alma caridosa que possa me ajudar com esse código o mais rápido possível (preciso terminar isso até sexta!).

Eu já tenho o layout pronto, só falta o código. Preciso que, ao clicar em cada radio button da tabela, exista um campo no final da página que receba os valores destes campos automaticamente e vá fazendo uma soma. Ou seja, cada vez que a pessoa for clicando o campo edit vai acumulando o valor do radio button.

Pra ficar mais fácil de visualizar a tela está abaixo:

 

 

Meu código tá + - assim:

Ex:
<script language="javascript">
function calcular(){
//var Parametro1=document.getElementById('exprelcargo').value;
//var Parametro2=document.getElementById('qualtrab').value;
//var Parametro3=document.getElementById('metasprof').value;
//var Parametro4=document.getElementById('conhecprod').value;
//var Parametro5=document.getElementById('conhecclientes').value;
//var Parametro6=document.getElementById('conhecmercado').value;
var Soma;

//Parametro1 = parseInt(Parametro1);
//Parametro2 = parseInt(Parametro2);
//Parametro3 = parseInt(Parametro3);
//Parametro4 = parseInt(Parametro4);
//Parametro5 = parseInt(Parametro5);
//Parametro6 = parseInt(Parametro6);
//Soma = parseInt(Soma);

var Parametro1 = 0;
var Parametro2 = 0;
var Parametro3 = 0;
var Parametro4 = 0;
var Parametro5 = 0;
var Parametro6 = 0;

Soma = Parametro1+Parametro2+Parametro3+Parametro4+Parametro5+Parametro6;
document.getElementById('media1').value = Soma;
}
</script>

(...)
<tr>
<td class="form_texto">Experiência relevante ao cargo </td>
<td class="form_texto"><div align="center">
<input name="exprelcargo" id= "exprelcargo" type="radio" value="1" onClick="calcular()" />
</div></td>
<td class="form_texto"><div align="center">
<input name="exprelcargo" id= "exprelcargo" type="radio" value="2" onClick="calcular()" />
</div></td>
<td class="form_texto"><div align="center">
<input name="exprelcargo" id= "exprelcargo" type="radio" value="3" onClick="calcular()" />
</div></td>
<td class="form_texto"><div align="center">
<input name="exprelcargo" id= "exprelcargo" type="radio" value="4" onClick="calcular()" />
</div></td>
<td class="form_texto"><div align="center">
<input name="exprelcargo" id= "exprelcargo" type="radio" value="5" onClick="calcular()" />
</div></td>
<td class="form_texto"><div align="center">
<input name="exprelcargo" id= "exprelcargo" type="radio" value="n/a" onClick="calcular()" />
</div></td>
</tr>
(...)
<table>
<tr>
<td width="33%"><p align="right" class="form_texto"><b>Média da Avaliação: </b><input type="text" name="media1" class="form_campo" style="width: 50px;"></p></td></tr>
</table>

[DSerma 19]

Olha.. a algum tempo atrás eu fiz essa função para um membro aki do fórum que queria somar os valores de seus Radios...

 

var total;
total = 0;
msg1 = ('Dá pra melhorar, você marcou apenas ');
msg2 = ('Parabéns! Você marcou ')

function Js()
{
var radios = document.getElementsByTagName("input");
for (i=0;i<radios.length;i++)
{
if (radios[i].getAttribute("type") == "radio")
{
if (radios[i].checked)
{
total = parseFloat(total) + parseFloat(radios[i].value);
}
}
}
if (total<3)
{
alert (msg1+total);
total = 0;
}
else
{
alert (msg2+total);
total = 0;
}
}

Basta você adaptar ao que você precisa e mandar bala..

 

Abraços...

[*Michelle* 0]

Dark, brigada pela ajuda mas infelizmente não consegui adpatar ao que eu queria... :/

 

Eu consegui achar um script sendo que em vez de somar ele apenas está 'juntando' os números dos values. (Ex: 3+5 = 35)

É um erro bobo mas não tô conseguindo 'ver' o problema... hihihihi

 

O código é esse:

<script language="javascript">
function calcular()
{
valor="0"

if (document.fichaavaliacao_comercial.exprelcargo[0].checked)
{valor="1"}
if (document.fichaavaliacao_comercial.exprelcargo[1].checked)
{valor="2"}
if (document.fichaavaliacao_comercial.exprelcargo[2].checked)
{valor="3"}
if (document.fichaavaliacao_comercial.exprelcargo[3].checked)
{valor="4"}
if (document.fichaavaliacao_comercial.exprelcargo[4].checked)
{valor="5"}
if (document.fichaavaliacao_comercial.exprelcargo[5].checked)
{valor="0"}


valor1="0"

if (document.fichaavaliacao_comercial.qualtrab[0].checked)
{valor1="1"}
if (document.fichaavaliacao_comercial.qualtrab[1].checked)
{valor1="2"}
if (document.fichaavaliacao_comercial.qualtrab[2].checked)
{valor1="3"}
if (document.fichaavaliacao_comercial.qualtrab[3].checked)
{valor1="4"}
if (document.fichaavaliacao_comercial.qualtrab[4].checked)
{valor1="5"}
if (document.fichaavaliacao_comercial.qualtrab[5].checked)
{valor1="0"}
pagar=(valor)+(valor1)
document.fichaavaliacao_comercial.media1.value=pagar
}
</script>

(...)

<td class="form_texto">Experiência relevante ao cargo </td>
<td class="form_texto"><div align="center">
<input name="exprelcargo" id= "exprelcargo" type="radio" value="1">
</div></td>
<td class="form_texto"><div align="center">
<input name="exprelcargo" id= "exprelcargo" type="radio" value="2">
</div></td>
<td class="form_texto"><div align="center">
<input name="exprelcargo" id= "exprelcargo" type="radio" value="3">
</div></td>
<td class="form_texto"><div align="center">
<input name="exprelcargo" id= "exprelcargo" type="radio" value="4">
</div></td>
<td class="form_texto"><div align="center">
<input name="exprelcargo" id= "exprelcargo" type="radio" value="5">
</div></td>
<td class="form_texto"><div align="center">
<input name="exprelcargo" id= "exprelcargo" type="radio" value="0">
</div></td>
</tr>
<tr>
<td class="form_texto" height="27">Qualidade do trabalho </td>
<td class="form_texto" height="27"><div align="center">
<input name="qualtrab" id= "qualtrab" type="radio" value="1" onClick="calcular()" />
</div></td>
<td class="form_texto" height="27"><div align="center">
<input name="qualtrab" id= "qualtrab" type="radio" value="2" onClick="calcular()" />
</div></td>
<td class="form_texto" height="27"><div align="center">
<input name="qualtrab" id= "qualtrab" type="radio" value="3" onClick="calcular()" />
</div></td>
<td class="form_texto" height="27"><div align="center">
<input name="qualtrab" id= "qualtrab" type="radio" value="4" onClick="calcular()" />
</div></td>
<td class="form_texto" height="27"><div align="center">
<input name="qualtrab" id= "qualtrab" type="radio" value="5" onClick="calcular()" />
</div></td>
<td class="form_texto" height="27"><div align="center">
<input name="qualtrab" id= "qualtrab" type="radio" value="N/A" onClick="calcular()" />
</div></td>

(...)
<input type="button" name="enviar" value="Média da Avaliação" onclick="calcular()"> <input type="text" name="media1" class="form_campo" value="0" style="width: 50px;">

[DSerma 19]

Faça assim:

 

pagar=parseFloat(valor)+parseFloat(valor1)

Abraços...

[*Michelle* 0]

Dark você é um anjo! *-*

 

Funcionou direitinho....

 

Outro problema agora é que eu preciso enviar todos esses dados pro banco de dados e depois gerar um relatório.... =/

 

Alguém se prontifica a ajudar?? =P

[DSerma 19]

Neste caso você precisará de uma linguagem Server-Side, como ASP, PHP, Pyton, etc....

 

De uma pesquisada nos Laboratórios de Scripts desta linguagens que você terá bons exemplos...

 

Abraços....

[*Michelle* 0]

Terá que ser em PHP mesmo...

 

Obrigada pela ajuda!

 

Abraços