Como passar um valor para TextField?

plizot · Abril 19, 2008

Bom pessoal, é o seguinte, to começando na área d webdesigner.

A página em questão é como se fosse uma ordem de pedido para uma loja de perfumes.

O código não está lah essas coisas, mas a principio está funcionando... utilizei uma função soma para que conforme o usuário for selecionando o produto ele vá sendo adicionado ao valor total.

Mas o problema me parece relativamente simples, mas não consigo achar uma maneira de resolver.

O código está aqui

<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>>>>>Perfumes<<<<</title>
<script>
function soma() {

var form = document.forms['teste'];
var campos = form.elements;
var soma = 0;

for (var n=0;n<campos.length;n++) {

	if ((campos[n].type.toLowerCase() == "radio") && (campos[n].checked)) {
	
	var numero = (campos[n].value.replace(",","."));
	soma += parseFloat(numero);
	
	}

}

document.getElementById("soma").innerHTML = soma.toFixed(2);
}

</script>

<form name="teste">
		<table width="496" border="0">
		  <tr>
			<td width="78" class="style5"><label for="txtNome">Nome:</label></td>
			<td width="408"><input name="txtNome" type="text" id="txtNome" size="50"></td>
		  </tr>
		  <tr>
			<td class="style5"><label for="txtEndereco">Endereço:</label></td>
			<td><input name="txtEndereco" type="text" id="txtEndereco" size="50"></td>
		  </tr>
		  <tr>
			<td class="style5"><label for="txtCidade">Cidade:</label></td>
			<td><input name="txtCidade" type="text" id="txtCidade"></td>
		  </tr>
		  <tr>
			<td class="style5">Estado:</td>
			<td><select name="opEstado" id="opEstado">
				<option>Acre</option>
				<option>Alagoas</option>
				<option>Amapá</option>
				<option>Amazonas</option>
				<option>Bahia</option>
				<option>Ceará</option>
				<option>Distrito Federal</option>
				<option>Espírito Santo</option>
				<option>Goiás</option>
				<option>Maranhão</option>
				<option>Mato Grosso</option>
				<option>Mato Grosso do Sul</option>
				<option>Minas Gerais</option>
				<option>Pará</option>
				<option>Paraíba</option>
				<option>Paraná</option>
				<option>Pernambuco</option>
				<option>Piauí</option>
				<option value="10" onChange="soma();">Rio de Janeiro</option>
				<option value="15">Rio Grande do Norte</option>
				<option>Rio Grande do Sul</option>
				<option>Rondônia</option>
				<option>Roraima</option>
				<option>Santa Catarina</option>
				<option>São Paulo</option>
				<option>Sergipe</option>
				<option>Tocantins</option>
			</select></td>
		  </tr>
		  <tr>
			<td class="style5">CEP:</td>
			<td><input name="txtCEP" type="text" id="txtCEP" size="8" maxlength="8">
				<span class="style1">*somente os números</span></td>
		  </tr>
		  <tr>
			<td class="style5">E-mail:</td>
			<td><input name="txtEmail" type="text" id="txtEmail" size="50"></td>
		  </tr>
		  <tr>
			<td class="style5"><div align="left">Telefone:</div></td>
			<td><input name="txtFone" type="text" id="txtFone" size="15"></td>
		  </tr>
		  <tr>
			<td class="style5">Celular:</td>
			<td><input name="txtCelular" type="text" id="txtCelular" size="15"></td>
		  </tr>
		  <tr>
			<td> </td>
			<td> </td>
		  </tr>
		  <tr>
			<td class="style5">Perfume 01 </td>
			<td><p>
				<select name="Perfume01" id="Perfume01">
				  <option>P01 - LOU LOU</option>
				  <option>P02 - PRADA</option>
				  <option>P03 - CURIOUS</option>
				  <option>P04 - 212 SEXY</option>
				  <option>P05 - CHANEL 5</option>
				  <option>P06 - AMARIGE</option>
				  <option>P07 - CK ONE</option>
				  <option>P08 - AMOR AMOR</option>
				  <option>P09 - SENSI</option>
				  <option>P10 - PARIS</option>
				  <option>P11 - BABY TOUCH</option>
				  <option>P12 - ORGANZA</option>
				  <option>P13 - ANAIS ANAIS</option>
				  <option>P14 - ANGEL</option>
				  <option>P15 - TOMMY GIRL</option>
				  <option>P16 - GABRIELA SABATINI</option>
				  <option>P17 - BVLGARI</option>
				  <option>P18 - EUPHORIA</option>
				  <option>P19 - CK BE</option>
				  <option>P20 - ALLURE</option>
				  <option>P21 - CONTRADICTION</option>
				  <option>P22 - CHIC</option>
				  <option>P23 - 212 WOMAN</option>
				  <option>P24 - OPIUM</option>
				  <option>P25 - LIGHT BLUE</option>
				  <option>P26 - J'ADORE</option>
				  <option>P27 - JEAN PAUL</option>
				  <option>P28 - ROMANCE</option>
				  <option>P29 - LAGUNA</option>
				  <option>P30 - PROMESSE</option>
				  <option>P31 - VERY IRRESISTIBLE</option>
				  <option>P32 - NOA</option>
				  <option>P33 - FLOWER</option>
				  <option>P34 - POISON</option>
				  <option>P35 - D. & GABBANA</option>
				  <option>P36 - BRIT</option>
				  <option>P37 - GLOW</option>
				  <option>P38 - SAMSARA</option>
				  <option>P39 - ACQUA DI GIÓ</option>
				  <option>P40 - CHANCE</option>
				  <option>P41 - PRESENCE</option>
				  <option>P42 - DOLCE VITA</option>
				  <option>P43 - RALPH</option>
				  <option>P44 - DUNE</option>
				  <option>P45 - HAPPY</option>
				  <option>P46 - ETERNITY MOMENT</option>
				  <option>P47 - MIRACLE</option>
				  <option>P48 - L'EAU D'ISSEY</option>
				  <option>P49 - ETERNITY F</option>
				  <option>P50 - ETERNITY M</option>
				  <option>P51 - PACO RABANNE</option>
				  <option>P52 - PI</option>
				  <option>P53 - BOSS IN MOTION</option>
				  <option>P54 - BOSS SOUL</option>
				  <option>P55 - POLO BLUE</option>
				  <option>P56 - ALLURE SPORT</option>
				  <option>P57 - CRAVE</option>
				  <option>P58 - L'EAU D'ISSEY</option>
				  <option>P59 - ACQUA DI GIÓ</option>
				  <option>P60 - AZZARO</option>
				  <option>P61 - 212 MEN</option>
				  <option>P62 - BALDESSARINI</option>
				  <option>P63 - ANIMALE</option>
				  <option>P64 - ECHO</option>
				  <option>P65 - MINOTAURE</option>
				  <option>P66 - POLO</option>
				  <option>P67 - HUGO ENERGISE</option>
				  <option>P68 - DRAKKAR NOIR</option>
				  <option>P69 - FERRARI BLACK</option>
				  <option>P70 - INDIVIDUEL</option>
				  <option>P71 - TOMMY</option>
				  <option>P72 - PRESENCE</option>
				  <option>P73 - KENZO POUR HOMME</option>
				  <option>P74 - PALOMA PICASSO</option>
				  <option>P75 - D. & GABBANA</option>
				  <option>P76 - CHROME</option>
				  <option>P77 - FAHRENHEIT</option>
				  <option>P78 - XS</option>
				  <option>P79 - VETIVER</option>
				  <option>P80 - POLO SPORT</option>
				  <option>P81 - LACOSTE POUR HOMME</option>
				  <option>P82 - LE MALE</option>
				  <option>P83 - CRYSTAL NOIR</option>
				  <option>P84 - BLACK CODE</option>
				  <option>P85 - JOOP! NIGHTFLIGHT</option>
				  <option>P86 - HUGO DEEP RED</option>
				  <option>P87 - WEEKEND</option>
				  <option>P88 - HERRERA</option>
				  <option>P89 - JAZZ</option>
				  <option>P90 - TED LAPIDUS</option>
				  <option>P91 - KOUROS FRAICHEUR</option>
				  <option>P92 - KOUROS</option>
				  <option>P93 - KOUROS SPORT</option>
				  <option>P94 - ARMANI</option>
				  <option>P95 - VISIT</option>
				  <option>P96 - OBSESSION</option>
				  <option>P97 - BVLGARI BLACK</option>
				  <option>P98 - HUGO</option>
				  <option>P99 - FERRARI ROSSA</option>
				  <option>P100 - ALIEN</option>
				</select>
			</p>
			  <p>				  <input type="radio" value=25.00 name="valor" onClick="soma();">
				<em>Sport 30 ml
				<input type="radio" value=35.00 name="valor" onClick="soma();">
			Sport 50 ml
			<input type="radio" value=35.00 name="valor" onClick="soma();">
			Classic 50 ml </em> </p></td>
		  </tr>
		  <tr>
			<td class="style5"><div align="center">Perfume 02 </div></td>
			<td><p>
			  <select name="perfume02" id="perfume02">
				  <option>P01 - LOU LOU</option>
				  <option>P02 - PRADA</option>
				  <option>P03 - CURIOUS</option>
				  <option>P04 - 212 SEXY</option>
				  <option>P05 - CHANEL 5</option>
				  <option>P06 - AMARIGE</option>
				  <option>P07 - CK ONE</option>
				  <option>P08 - AMOR AMOR</option>
				  <option>P09 - SENSI</option>
				  <option>P10 - PARIS</option>
				  <option>P11 - BABY TOUCH</option>
				  <option>P12 - ORGANZA</option>
				  <option>P13 - ANAIS ANAIS</option>
				  <option>P14 - ANGEL</option>
				  <option>P15 - TOMMY GIRL</option>
				  <option>P16 - GABRIELA SABATINI</option>
				  <option>P17 - BVLGARI</option>
				  <option>P18 - EUPHORIA</option>
				  <option>P19 - CK BE</option>
				  <option>P20 - ALLURE</option>
				  <option>P21 - CONTRADICTION</option>
				  <option>P22 - CHIC</option>
				  <option>P23 - 212 WOMAN</option>
				  <option>P24 - OPIUM</option>
				  <option>P25 - LIGHT BLUE</option>
				  <option>P26 - J'ADORE</option>
				  <option>P27 - JEAN PAUL</option>
				  <option>P28 - ROMANCE</option>
				  <option>P29 - LAGUNA</option>
				  <option>P30 - PROMESSE</option>
				  <option>P31 - VERY IRRESISTIBLE</option>
				  <option>P32 - NOA</option>
				  <option>P33 - FLOWER</option>
				  <option>P34 - POISON</option>
				  <option>P35 - D. & GABBANA</option>
				  <option>P36 - BRIT</option>
				  <option>P37 - GLOW</option>
				  <option>P38 - SAMSARA</option>
				  <option>P39 - ACQUA DI GIÓ</option>
				  <option>P40 - CHANCE</option>
				  <option>P41 - PRESENCE</option>
				  <option>P42 - DOLCE VITA</option>
				  <option>P43 - RALPH</option>
				  <option>P44 - DUNE</option>
				  <option>P45 - HAPPY</option>
				  <option>P46 - ETERNITY MOMENT</option>
				  <option>P47 - MIRACLE</option>
				  <option>P48 - L'EAU D'ISSEY</option>
				  <option>P49 - ETERNITY F</option>
				  <option>P50 - ETERNITY M</option>
				  <option>P51 - PACO RABANNE</option>
				  <option>P52 - PI</option>
				  <option>P53 - BOSS IN MOTION</option>
				  <option>P54 - BOSS SOUL</option>
				  <option>P55 - POLO BLUE</option>
				  <option>P56 - ALLURE SPORT</option>
				  <option>P57 - CRAVE</option>
				  <option>P58 - L'EAU D'ISSEY</option>
				  <option>P59 - ACQUA DI GIÓ</option>
				  <option>P60 - AZZARO</option>
				  <option>P61 - 212 MEN</option>
				  <option>P62 - BALDESSARINI</option>
				  <option>P63 - ANIMALE</option>
				  <option>P64 - ECHO</option>
				  <option>P65 - MINOTAURE</option>
				  <option>P66 - POLO</option>
				  <option>P67 - HUGO ENERGISE</option>
				  <option>P68 - DRAKKAR NOIR</option>
				  <option>P69 - FERRARI BLACK</option>
				  <option>P70 - INDIVIDUEL</option>
				  <option>P71 - TOMMY</option>
				  <option>P72 - PRESENCE</option>
				  <option>P73 - KENZO POUR HOMME</option>
				  <option>P74 - PALOMA PICASSO</option>
				  <option>P75 - D. & GABBANA</option>
				  <option>P76 - CHROME</option>
				  <option>P77 - FAHRENHEIT</option>
				  <option>P78 - XS</option>
				  <option>P79 - VETIVER</option>
				  <option>P80 - POLO SPORT</option>
				  <option>P81 - LACOSTE POUR HOMME</option>
				  <option>P82 - LE MALE</option>
				  <option>P83 - CRYSTAL NOIR</option>
				  <option>P84 - BLACK CODE</option>
				  <option>P85 - JOOP! NIGHTFLIGHT</option>
				  <option>P86 - HUGO DEEP RED</option>
				  <option>P87 - WEEKEND</option>
				  <option>P88 - HERRERA</option>
				  <option>P89 - JAZZ</option>
				  <option>P90 - TED LAPIDUS</option>
				  <option>P91 - KOUROS FRAICHEUR</option>
				  <option>P92 - KOUROS</option>
				  <option>P93 - KOUROS SPORT</option>
				  <option>P94 - ARMANI</option>
				  <option>P95 - VISIT</option>
				  <option>P96 - OBSESSION</option>
				  <option>P97 - BVLGARI BLACK</option>
				  <option>P98 - HUGO</option>
				  <option>P99 - FERRARI ROSSA</option>
				  <option>P100 - ALIEN</option>
				</select>
				</p>
			  <p><em>
				<input type="radio" value=25.00 name="valor2" onClick="soma();">
			Sport 30 ml
			<input type="radio" value=35.00 name="valor2" onClick="soma();">
			Sport 50 ml
			<input type="radio" value=35.00 name="valor2" onClick="soma();">
			Classic 50 ml </em></p></td>
		  </tr>
		  <tr>
			<td class="style5">Perfume 03 </td>
			<td><p>
			  <select name="perfume03" id="select2">
				  <option>P01 - LOU LOU</option>
				  <option>P02 - PRADA</option>
				  <option>P03 - CURIOUS</option>
				  <option>P04 - 212 SEXY</option>
				  <option>P05 - CHANEL 5</option>
				  <option>P06 - AMARIGE</option>
				  <option>P07 - CK ONE</option>
				  <option>P08 - AMOR AMOR</option>
				  <option>P09 - SENSI</option>
				  <option>P10 - PARIS</option>
				  <option>P11 - BABY TOUCH</option>
				  <option>P12 - ORGANZA</option>
				  <option>P13 - ANAIS ANAIS</option>
				  <option>P14 - ANGEL</option>
				  <option>P15 - TOMMY GIRL</option>
				  <option>P16 - GABRIELA SABATINI</option>
				  <option>P17 - BVLGARI</option>
				  <option>P18 - EUPHORIA</option>
				  <option>P19 - CK BE</option>
				  <option>P20 - ALLURE</option>
				  <option>P21 - CONTRADICTION</option>
				  <option>P22 - CHIC</option>
				  <option>P23 - 212 WOMAN</option>
				  <option>P24 - OPIUM</option>
				  <option>P25 - LIGHT BLUE</option>
				  <option>P26 - J'ADORE</option>
				  <option>P27 - JEAN PAUL</option>
				  <option>P28 - ROMANCE</option>
				  <option>P29 - LAGUNA</option>
				  <option>P30 - PROMESSE</option>
				  <option>P31 - VERY IRRESISTIBLE</option>
				  <option>P32 - NOA</option>
				  <option>P33 - FLOWER</option>
				  <option>P34 - POISON</option>
				  <option>P35 - D. & GABBANA</option>
				  <option>P36 - BRIT</option>
				  <option>P37 - GLOW</option>
				  <option>P38 - SAMSARA</option>
				  <option>P39 - ACQUA DI GIÓ</option>
				  <option>P40 - CHANCE</option>
				  <option>P41 - PRESENCE</option>
				  <option>P42 - DOLCE VITA</option>
				  <option>P43 - RALPH</option>
				  <option>P44 - DUNE</option>
				  <option>P45 - HAPPY</option>
				  <option>P46 - ETERNITY MOMENT</option>
				  <option>P47 - MIRACLE</option>
				  <option>P48 - L'EAU D'ISSEY</option>
				  <option>P49 - ETERNITY F</option>
				  <option>P50 - ETERNITY M</option>
				  <option>P51 - PACO RABANNE</option>
				  <option>P52 - PI</option>
				  <option>P53 - BOSS IN MOTION</option>
				  <option>P54 - BOSS SOUL</option>
				  <option>P55 - POLO BLUE</option>
				  <option>P56 - ALLURE SPORT</option>
				  <option>P57 - CRAVE</option>
				  <option>P58 - L'EAU D'ISSEY</option>
				  <option>P59 - ACQUA DI GIÓ</option>
				  <option>P60 - AZZARO</option>
				  <option>P61 - 212 MEN</option>
				  <option>P62 - BALDESSARINI</option>
				  <option>P63 - ANIMALE</option>
				  <option>P64 - ECHO</option>
				  <option>P65 - MINOTAURE</option>
				  <option>P66 - POLO</option>
				  <option>P67 - HUGO ENERGISE</option>
				  <option>P68 - DRAKKAR NOIR</option>
				  <option>P69 - FERRARI BLACK</option>
				  <option>P70 - INDIVIDUEL</option>
				  <option>P71 - TOMMY</option>
				  <option>P72 - PRESENCE</option>
				  <option>P73 - KENZO POUR HOMME</option>
				  <option>P74 - PALOMA PICASSO</option>
				  <option>P75 - D. & GABBANA</option>
				  <option>P76 - CHROME</option>
				  <option>P77 - FAHRENHEIT</option>
				  <option>P78 - XS</option>
				  <option>P79 - VETIVER</option>
				  <option>P80 - POLO SPORT</option>
				  <option>P81 - LACOSTE POUR HOMME</option>
				  <option>P82 - LE MALE</option>
				  <option>P83 - CRYSTAL NOIR</option>
				  <option>P84 - BLACK CODE</option>
				  <option>P85 - JOOP! NIGHTFLIGHT</option>
				  <option>P86 - HUGO DEEP RED</option>
				  <option>P87 - WEEKEND</option>
				  <option>P88 - HERRERA</option>
				  <option>P89 - JAZZ</option>
				  <option>P90 - TED LAPIDUS</option>
				  <option>P91 - KOUROS FRAICHEUR</option>
				  <option>P92 - KOUROS</option>
				  <option>P93 - KOUROS SPORT</option>
				  <option>P94 - ARMANI</option>
				  <option>P95 - VISIT</option>
				  <option>P96 - OBSESSION</option>
				  <option>P97 - BVLGARI BLACK</option>
				  <option>P98 - HUGO</option>
				  <option>P99 - FERRARI ROSSA</option>
				  <option>P100 - ALIEN</option>
				</select>
				</p>
			  <p><em>
				<input type="radio" value=25.00 name="valor3" onClick="soma();">
			Sport 30 ml
			<input type="radio" value=35.00 name="valor3" onClick="soma();">
			Sport 50 ml
			<input type="radio" value=35.00 name="valor3" onClick="soma();">
			Classic 50 ml </em></p></td>
		  </tr>
		  <tr>
			<td> </td>
			<td> </td>
		  </tr>
		  <tr>
			<td class="style5">Maquiagem</td>
			<td>
			  <table width="389" border="1">
				<tr>
				  <td width="379"><p align="left"> <span class="style5">Delineadores Labiais </span><br>
						  <input type="radio" value="12.50 1115 - Delineador Labial" name="valor4" onClick="soma();">
				1115 - Delineador Labial - Cor de Boca<br>
				<input type="radio" value=12.50 name="valor4" onClick="soma();">
				2115 - Delineador Labial - Marrom<br>
				<input type="radio" value=12.50 name="valor4" onClick="soma();">
				3115 - Delineador Labial - Terracota<br>
				<input type="radio" value=12.50 name="valor4" onClick="soma();">
				4115 - Delineador Labial - Preto <br>
				  </p></td>
				</tr>
				<tr>
				  <td><p> <strong class="style5">Batons</strong><br>
						  <input type="radio" value=14.90 name="valor5" onClick="soma();">
				B05 - Batom
				<input type="radio" value=14.90 name="valor5" onClick="soma();">
				B10 - Batom
				<br>
				<input type="radio" value=14.90 name="valor5" onClick="soma();">
				B15 - Batom
				<input type="radio" value=14.90 name="valor5" onClick="soma();">
				B20 - Batom<br>
				<input type="radio" value=14.90 name="valor5" onClick="soma();">
				B25 - Batom
				<input type="radio" value=14.90 name="valor5" onClick="soma();">
				B30 - Batom<br>
				<input type="radio" value=14.90 name="valor5" onClick="soma();">
				B35 - Batom
				<input type="radio" value=14.90 name="valor5" onClick="soma();">
				B40 - Batom<br>
				<input type="radio" value=14.90 name="valor5" onClick="soma();">
				B45 - Batom
				<input type="radio" value=14.90 name="valor5" onClick="soma();">
				B50 - Batom<br>
				<input type="radio" value=14.90 name="valor5" onClick="soma();">
				B55 - Batom
				<input type="radio" value=14.90 name="valor5" onClick="soma();">
				B60 - Batom<br>
				<input type="radio" value=14.90 name="valor5" onClick="soma();">
				B65 - Batom
				<input type="radio" value=14.90 name="valor5" onClick="soma();">
				B70 - Batom </p></td>
				</tr>
				<tr>
				  <td><p><span class="style5">Gloss</span><br>
						  <input type="radio" value=23.00 name="valor6" onClick="soma();">
				GL05 - Gloss Incolor<br>
				<input type="radio" value=23.00 name="valor6" onClick="soma();">
				GL10 - Gloss Cobre<br>
				<input type="radio" value=23.00 name="valor6" onClick="soma();">
				GL15 - Gloss Marrom Dourado<br>
				<input type="radio" value=23.00 name="valor6" onClick="soma();">
				GL20 - Gloss Marrom Café<br>
				<input type="radio" value=23.00 name="valor6" onClick="soma();">
				GL25 - Gloss Rosa Dourado<br>
				<input type="radio" value=23.00 name="valor6" onClick="soma();">
				GL30 - Gloss Rosa Cintilante</p></td>
				</tr>
				<tr>
				  <td><p><span class="style5">Pó Compacto</span><br>
						  <input type="radio" value=29.00 name="valor7" onClick="soma();">
				PC 05 - Pó Compacto Claro<br>
				<input type="radio" value=29.00 name="valor7" onClick="soma();">
				PC 10 - Pó Compacto Médio<br>
				<input type="radio" value=29.00 name="valor7" onClick="soma();">
				PC 15 - Pó Compacto Escuro </p></td>
				</tr>
				<tr>
				  <td><p><span class="style5">Base Líquida</span><br>
						  <input type="radio" value=16.00 name="valor8" onClick="soma();">
				BS 05 - Base Líquida Escura<br>
				<input type="radio" value=16.00 name="valor8" onClick="soma();">
				BS 10 - Base Líquida Média<br>
				<input type="radio" value=16.00 name="valor8" onClick="soma();">
				BS 15 - Base Líquida Clara <br>
				  </p></td>
				</tr>
				<tr>
				  <td><p><span class="style5">Blush</span><br>
					  <input type="radio" value=35.00 name="valor9" onClick="soma();">
				BL 05 - Blush
				<input type="radio" value=35.00 name="valor9" onClick="soma();">
				BL 10 - Blush
				<br>
				<input type="radio" value=35.00 name="valor9" onClick="soma();">
				BL 15 - Blush
				<input type="radio" value=35.00 name="valor9" onClick="soma();">
				BL 20 - Blush</p></td>
				</tr>
				<tr>
				  <td><p><span class="style5">Delineador de Olhos</span><br>
					  <input type="radio" value=12.50 name="valor10" onClick="soma();">
				DO 05 - Delineador de Olhos Preto </p></td>
				</tr>
				<tr>
				  <td><p><span class="style5">Sombras</span><br>
					  <input type="radio" value=12.00 name="valor11" onClick="soma();">
				SB 05 - Sombra - Branco Perolado<br>
				<input type="radio" value=12.00 name="valor11" onClick="soma();">
				SB 10 - Sombra - Azul Perolado<br>
				<input type="radio" value=12.00 name="valor11" onClick="soma();">
				SB 15 - Sombra - Rosa Perolado<br>
				<input type="radio" value=12.00 name="valor11" onClick="soma();">
				SB 20 - Sombra - Rosa <br>
				<input type="radio" value=12.00 name="valor11" onClick="soma();">
				SB 25 - Sombra - Verde Esmeralda<br>
				<input type="radio" value=12.00 name="valor11" onClick="soma();">
				SB 30 - Sombra - Verde Petróleo<br>
				<input type="radio" value=12.00 name="valor11" onClick="soma();">
				SB 35 - Sombra - Prata<br>
				<input type="radio" value=12.00 name="valor11" onClick="soma();">
				SB 40 - Sombra - Grafite<br>
				<input type="radio" value=12.00 name="valor11" onClick="soma();">
				SB 45 - Sombra - Preta<br>
				<input type="radio" value=12.00 name="valor11" onClick="soma();">
				SB 50 - Sombra - Dourado<br>
				<input type="radio" value=12.00 name="valor11" onClick="soma();">
				SB 55 - Sombra - Marrom Dourado<br>
				<input type="radio" value=12.00 name="valor11" onClick="soma();">
				SB 60 - Sombra - Marrom</p></td>
				</tr>
			</table></td>
		  </tr>
		  <tr>
			<td class="style5">Nutrição</td>
			<td><table width="389" border="1">
				<tr>
				  <td width="379"><p><span class="style5">PerShake</span><br>
						  <input type="radio" value=48.00 name="valor12" onClick="soma();">
				PS 01 - PerShake Sabor Baunilha<br>
				<input type="radio" value=48.00 name="valor12" onClick="soma();">
				PS 02 - PerShake Sabor Chocolate </p></td>
				</tr>
				<tr>
				  <td><p><span class="style5">PerTea</span><br>
					  <input type="radio" value=42.00 name="valor13" onClick="soma();">
				PT 01 - PerTea</p></td>
				</tr>
			</table></td>
		  </tr>
		  <tr>
			<td> </td>
			<td><div align="right"></div></td>
		  </tr>
		  <tr>
			<td> </td>
			<td> </td>
		  </tr>
		  <tr>
			<td class="style5">Frete</td>
			<td><table width="408" border="0">
				<tr>
				  <td width="402">Atenção! Selecione seu estado novamente para a inclusão do valor do frete no total do pedido. </td>
				</tr>
				<tr>
				  <td><table width="400" border="1">
					  <tr>
						<td width="94" height="22">
						  <div align="left">
							<input type="radio" value=16.00 name="valor14" onClick="soma();">
						AC   16,00</div></td><td width="100">						  <input type="radio" value=16.00 name="valor14" onClick="soma();">
						AL  16,00</td>
						<td width="96">
						  <div align="left">
							<input type="radio" value=18.00 name="valor14" onClick="soma();">
						  AM 18,00</div></td>
						<td width="82">
						  <div align="left">
							<input type="radio" value=18.00 name="valor14" onClick="soma();">
						  AP 
						  18,00</div></td></tr>
					  <tr>
						<td>
						  <div align="left">
						  <input type="radio" value=15.00 name="valor14" onClick="soma();">
						BA 15,00 </div></td>
						<td>						 <input type="radio" value=18.00 name="valor14" onClick="soma();">
						  CE 18,00</p></td><td><div align="left">
						  <input type="radio" value=13.00 name="valor14" onClick="soma();">
					  DF 13,00</div></td>
						<td><div align="left">
						  <input type="radio" value=13.00 name="valor14" onClick="soma();">
					  ES 13,00 </div></td>
					  </tr>
					  <tr>
						<td>
						  <div align="left">
						  <input type="radio" value=15.00 name="valor14" onClick="soma();">
						GO 
						15,00 </div></td>
						<td>						  <input type="radio" value=18.00 name="valor14" onClick="soma();">
						MA 18,00 </td>
						<td>
						  <div align="left">
						  <input type="radio" value=13.00 name="valor14" onClick="soma();">
						MG 13,00 </div></td>
						<td>
						  <div align="left">
						  <input type="radio" value=13.00 name="valor14" onClick="soma();">
						MS 13,00 </div></td>
					  </tr>
					  <tr>
						<td><input type="radio" value=14.00 name="valor14" onClick="soma();">
					MT 14,00 </td>
						<td>						  <input type="radio" value=18.00 name="valor14" onClick="soma();">
					  PA 18,00 </td>
						<td><div align="left">
						  <input type="radio" value=17.00 name="valor14" onClick="soma();">
					  PB 17,00 </div></td>
						<td><div align="left">
						  <input type="radio" value=17.00 name="valor14" onClick="soma();">
					  PE 17,00 </div></td>
					  </tr>
					  <tr>
						<td><input type="radio" value=17.00 name="valor14" onClick="soma();">
					PI 17,00 </td>
						<td>						  <input type="radio" value=10.00 name="valor14" onClick="soma();">
					  PR 10,00 </td>
						<td><div align="left">
						  <input type="radio" value=13.00 name="valor14" onClick="soma();">
					  RJ 13,00</div></td>
						<td><div align="left">
						  <input type="radio" value=18.00 name="valor14" onClick="soma();">
					  RN 18,00 </div></td>
					  </tr>
					  <tr>
						<td><input type="radio" value=18.00 name="valor14" onClick="soma();">
					RR 18,00 </td>
						<td>						  <input type="radio" value=16.00 name="valor14" onClick="soma();">
					  RO 16,00 </td>
						<td><div align="left">
						  <input type="radio" value=9.00 name="valor14" onClick="soma();">
					  RS 9,00 </div></td>
						<td><div align="left">
						  <input type="radio" value=10.00 name="valor14" onClick="soma();">
					  SC 10,00 </div></td>
					  </tr>
					  <tr>
						<td><input type="radio" value=16.00 name="valor14" onClick="soma();">
					SE 16,00 </td>
						<td>						  <input type="radio" value=12.00 name="valor14" onClick="soma();">
					  SP 12,00 </td>
						<td><div align="left">
						  <input type="radio" value=15.00 name="valor14" onClick="soma();">
					  TO 15,00 </div></td>
						<td><div align="left"></div></td>
					  </tr>
				  </table></td>
				</tr>
			</table></td>
		  </tr>
		  <tr>
			<td> </td>
			<td> </td>
		  </tr>
		  <tr>

			<td> </td>
			<td><div align="right">Total: <span class="style9">R$</span> <span class="style9" id="soma">0</span> </div></td>
		  </tr>
		</table>
		<p> </p>
	  </form> 
</body>
</html>

No final a soma é apresentada na linha:

<td><div align="right">Total: <span class="style9">R$</span> <span class="style9" id="soma">0</span> </div></td>

Eu gostaria que esse valor fosse apresentado em um textfield, dentro da caixa de texto, que estará como readonly, e não como texto direto.

Tentei colocar o id do textfield como "soma", mas não funciona...

Bom, qualquer ajuda é bem vinda!

Grato ;)

Otata · Abril 19, 2008

olá faça assim

document.getElementById("soma").inneHTML = soma.toFixed(2);

troque por

document.getElementById("total").value = soma.toFixed(2);

e

<div align="right">Total: <span class="style9">R$</span> <span class="style9" id="soma">0</span>

troque por

<div align="right">Total: <span class="style9">R$</span> <span class="style9"><input type="text" id="total" readonly="" /></span>

t+

Entrar

Arquivado

Como passar um valor para TextField?

Recommended Posts

plizot 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Otata 4

Compartilhar este post

Link para o post

Compartilhar em outros sites

JAVA - Ajuda em Paginação

Girls From Your Town - Anonymous Casual Dating - No Selfie

Alteracao Tema Wordpress Profolio

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante