
Huan Carlos
Membros-
Total de itens
3 -
Registro em
-
Última visita
Sobre Huan Carlos

Huan Carlos's Achievements
0
Reputação
-
Somar Valor Do Radio Button
pergunta respondeu ao Huan Carlos de Huan Carlos em Ajax, JavaScript, XML, DOM
Andreia, como você pode ver no meu HTML, existe um Formulário com alguns campos de resposta multiplica escolha tipo: Você tem televisão em casa: ( ) 1 (x)2 ( )3 ( )4 ( )5 ( )6 Você tem Carro: ( ) 1 ( )2 ( )3 (x)4 ( )5 ( )6 Você tem Computador: ( ) 1 ( )2 (x)3 ( )4 ( )5 ( )6 Você tem DVD Player: (x) 1 ( )2 ( )3 ( )4 ( )5 ( )6 Cada resposta dessa acima, tem um determinado valor, se o resultado da soma desses valores chegar for de 0 a 4 (Pertence a Classe Muito Pobre), de 5 a 9 (Pertence a Classe Pobre), de 10 a 14 (Pertence a Classe Média), de 15 a 18 (Pertence a classe alta). Mas eu só quero a soma mesmo dos campos na medida que eu for selecionando vou obtendo o resultador da soma no Campo "TOTAL" que ficará oculto. a condição para definir a classe econômica eu faço. Deu pra entender minha linha? -
// Quero Exibir no Campo Total (Lin 319) <script language="javascript"> function calcular(){ var Parametro1=document.getElementById('tv_cores').value; var Parametro2=document.getElementById('video_dvd').value; var Parametro3=document.getElementById('radion').value; var Parametro4=document.getElementById('banheiro').value; var Parametro5=document.getElementById('automovel').value; var Parametro6=document.getElementById('empregada').value; var Parametro7=document.getElementById('aspirador').value; var Parametro8=document.getElementById('maq_lavar').value; var Parametro9=document.getElementById('geladeira').value; var Parametro10=document.getElementById('grau_escola').value; var Soma; Parametro1 = parseInt(Parametro1); Parametro2 = parseInt(Parametro2); Parametro3 = parseInt(Parametro3); Parametro4 = parseInt(Parametro4); Parametro5 = parseInt(Parametro5); Parametro6 = parseInt(Parametro6); Parametro7 = parseInt(Parametro7); Parametro8 = parseInt(Parametro8); Parametro9 = parseInt(Parametro9); Parametro10 = parseInt(Parametro10); Soma = parseInt(Soma); Soma = Parametro1+Parametro2+Parametro3+Parametro4+Parametro5+Parametro6+Parametro7+Parametro8+Parametro9+Parametro10; document.getElementById('total').value = Soma; } </script> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Calcular Valor do Radio Button</title> </head> <body> <form action="" method="post" name="form1"> <fieldset> <legend class="style5">05) - Critério de Classificação Econômica Brasil:</legend> <table width="580" border="1" cellspacing="0" bordercolor="#FFFFFF"> <tr> <td bgcolor="#FFFFFF" width="200" class="style5">Ítens de Consumo </td> <td align="center" width="60" bgcolor="#FFFFFF" class="style5">Não tem </td> <td align="center" width="60" bgcolor="#FFFFFF" class="style5">Tem 1 </td> <td align="center" width="60" bgcolor="#FFFFFF" class="style5">Tem 2 </td> <td align="center" width="60" bgcolor="#FFFFFF" class="style5">Tem 3 </td> <td align="center" width="60" bgcolor="#FFFFFF" class="style5">Tem 4 </td> <td align="center" width="60" bgcolor="#FFFFFF" class="style5">Tem 5 </td> <td align="center" width="69" bgcolor="#FFFFFF" class="style5">Tem 6 e + </td> </tr> <tr> <td class="style6">TV a Cores: </td> <td class="style5"><div align="center"> <input name="tv_cores" type="radio" value="0" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="tv_cores" type="radio" value="2" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="tv_cores" type="radio" value="3" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="tv_cores" type="radio" value="4" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="tv_cores" type="radio" value="5" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="tv_cores" type="radio" value="5" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="tv_cores" type="radio" value="5" onChange="calcular()" /> </div></td> </tr> <tr> <td class="style6">Vídeocassete e/ou DVD </td> <td class="style5"><div align="center"> <input name="video_dvd" type="radio" value="0" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="video_dvd" type="radio" value="2" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="video_dvd" type="radio" value="2" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="video_dvd" type="radio" value="2" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="video_dvd" type="radio" value="2" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="video_dvd" type="radio" value="2" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="video_dvd" type="radio" value="2" onChange="calcular()" /> </div></td> </tr> <tr> <td class="style6">Rádio </td> <td class="style5"><div align="center"> <input name="radion" type="radio" value="0" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="radion" type="radio" value="1" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="radion" type="radio" value="2" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="radion" type="radio" value="3" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="radion" type="radio" value="4" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="radion" type="radio" value="4" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="radion" type="radio" value="4" onChange="calcular()" /> </div></td> </tr> <tr> <td class="style6">Banheiro </td> <td class="style5"><div align="center"> <input name="banheiro" type="radio" value="0" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="banheiro" type="radio" value="2" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="banheiro" type="radio" value="3" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="banheiro" type="radio" value="4" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="banheiro" type="radio" value="4" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="banheiro" type="radio" value="4" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="banheiro" type="radio" value="4" onChange="calcular()" /> </div></td> </tr> <tr> <td class="style6">Automovel </td> <td class="style5"><div align="center"> <input name="automovel" type="radio" value="0" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="automovel" type="radio" value="2" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="automovel" type="radio" value="4" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="automovel" type="radio" value="5" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="automovel" type="radio" value="5" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="automovel" type="radio" value="5" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="automovel" type="radio" value="5" onChange="calcular()" /> </div></td> </tr> <tr> <td class="style6">Empregada </td> <td class="style5"><div align="center"> <input name="empregada" type="radio" value="0" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="empregada" type="radio" value="2" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="empregada" type="radio" value="4" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="empregada" type="radio" value="4" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="empregada" type="radio" value="4" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="empregada" type="radio" value="4" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="empregada" type="radio" value="4" onChange="calcular()" /> </div></td> </tr> <tr> <td class="style6">Aspirador </td> <td class="style5"><div align="center"> <input name="aspirador" type="radio" value="0" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="aspirador" type="radio" value="1" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="aspirador" type="radio" value="1" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="aspirador" type="radio" value="1" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="aspirador" type="radio" value="1" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="aspirador" type="radio" value="1" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="aspirador" type="radio" value="1" onChange="calcular()" /> </div></td> </tr> <tr> <td class="style6">Maquina de lavar </td> <td class="style5"><div align="center"> <input name="maq_lavar" type="radio" value="0" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="maq_lavar" type="radio" value="1" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="maq_lavar" type="radio" value="1" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="maq_lavar" type="radio" value="1" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="maq_lavar" type="radio" value="1" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="maq_lavar" type="radio" value="1" onChange="calcular()" /> </div></td> <td class="style5"><div align="center"> <input name="maq_lavar" type="radio" value="1" onChange="calcular()" /> </div></td> </tr> </table> <br /> <table style="margin-left:100px" width="341" border="1" cellspacing="0" bordercolor="#FFFFFF"> <tr> <td colspan="2" bgcolor="#FFFFFF" class="style5">Geladeira </td> </tr> <tr> <td width="304"><span class="style6">Não Possui </span></td> <td width="27"> <div align="center"> <input name="geladeira" type="radio" value="0" onChange="calcular()" /> </div></td> </tr> <tr> <td><span class="style6">Possui só Geladeira sem Freezer </span></td> <td> <div align="center"> <input name="geladeira" type="radio" value="2" onChange="calcular()" /> </div></td> </tr> <tr> <td><span class="style6">Possui Geladeira duplex ou Freezer</span></td> <td> <div align="center"> <input name="geladeira" type="radio" value="3" onChange="calcular()" /> </div></td> </tr> </table> <br /> <table style="margin-left:100px" width="341" border="1" cellspacing="0" bordercolor="#FFFFFF"> <tr> <td colspan="2" bgcolor="#FFFFFF" class="style5">Grau de Instrução do Chefe da Família</td> </tr> <tr> <td width="306" class="style6">Analfabeto / Primário Incompleto </td> <td width="25" class="style5"><div align="center"> <input name="grau_escola" type="radio" value="0" onChange="calcular()" /> </div></td> </tr> <tr> <td class="style6">Primário completo / Ginasial Incompleto</td> <td class="style5"><div align="center"> <input name="grau_escola" type="radio" value="1" onChange="calcular()" /> </div></td> </tr> <tr> <td class="style6">Ginasial Completo / Colegial Incompleto</td> <td class="style5"><div align="center"> <input name="grau_escola" type="radio" value="2" onChange="calcular()" /> </div></td> </tr> <tr> <td class="style6">Colegial Completo / Superior Incompleto</td> <td class="style5"><div align="center"> <input name="grau_escola" type="radio" value="3" onChange="calcular()" /> </div></td> </tr> <tr> <td class="style6">Superior Completo </td> <td class="style5"><div align="center"> <input name="grau_escola" type="radio" value="5" onChange="calcular()"/> </div></td> </tr> </table> <span class="style6"> Exibir o Resultado: <input name="total" type="text" id="total" value=""> </span> </fieldset> </form> </body> </html>
-
Sim tenho o calendário em JS, mas foi uma aplicação pronta que implementei no meu formulário.... Estou com um Formulário segue o código abaixo: <form> CNAE1:<input name="cod_cnae" type="text"> Atividade: <input name="ativ_cnae" type="text" id="ativ_cnae" value="" size="76"> >><br> CNAE2:<input name="cod_cnae_2" type="text"> Atividade: <input name="ativ_cnae2" type="text" id="ativ_cnae2" value="" size="76"> >><br> Ano/Inicio das Atividades:<input name="ano_ini_ativid" type="text" size="7"> Ano/Registro da Empresa:<input name="ano_reg_emp" type="text" id="ano_reg_emp" size="7"> Tempo no local:<input name="temp_local_instala" type="text" size="7"> Nº de Ocupados:<input name="num_ocupados" type="text" size="7" > <br /> <input type="submit" name="Submit2" value="Cadastrar" /> </form> quero clicar no na OPÇÃO ">>" ao lado do campo, ir para um PopUP onde eu selecione uma opção e o valor selecionado retorne para o campo "ativ_cnae2" com o código do registro no campo "cod_cnae" e não perca o que já foi digitado antes e não dÊ refresh na página também... Isso tudo aí é o que acontece no Calendário que citei no POST anterior. Esse formulário contem 45 perguntas multipla escolha, aqui está somente uma parte do form.