Jump to content


*Michelle*

Member Since 27/04/2007
Offline Last Active 29/01/2010, 10:17
-----

#896811 Somar Valor Do Radio Button

Posted by *Michelle* on 12/02/2008, 08:22

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:

Posted Image

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>

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;">



IPB Skin By Virteq