[Resolvido] Clicar em um campo radio e abrir um campo texto

[Karina Henrique 0]

Bom dia a todos!!!

 

Tenho um formulário que envia o campos para o MySQL, está funcionando normal, mas existe um campo - que se chama "Time que torce" - que é feito com radio e possui 6 opções, das quais 5 são times e 1 é "Outros", essa ultima opção (outros) deve - ao ser clicada - abrir um campo de texto para que a pessoa possa escrever o time, acredito que isso seja feito em Javascript, se alguém puder me ajudar, eu agradeço muito pois falta pouca coisa para eu entregar esse projeto e não estou conseguindo sair do lugar com esse probleminha.

 

 

Segue o código HTML.

    <form method = POST name = "Dados" action="cadastro.php">
   <p>Senha:
     <input class="InputText" type="password" name="senha" id="senha" value="" size="25" maxlength="50" />
   </p>

   <h1 style="font:Arial, Helvetica, sans-serif; color:#3f3f3f; font-size:18px;"><span style="color:#bed73d;">INFO</span> PESSOAIS </h1>

   <p>Nome Completo:
     <input class="InputText" type="text" name="nome" id="nome" value="" size="25" maxlength="50" style="width:300px" />
   </p>
   <p style="margin-top:20px;">Apelido:
     <input class="InputText" type="text" name="apelido" id="apelido" value="" size="25" maxlength="50" style="width:200px" />
   </p>
   <p>Email:
     <input class="InputText" type="text" name="email" id="email" value="" size="25" maxlength="50" style="width:200px" />
   </p>
   <p style="margin-top:23px;">Sexo:
     	<input class="chk" type="radio" name="sexo" value="Feminino" /> Feminino
     	<input class="chk" type="radio" name="sexo" value="Masculino" /> Masculino
   </p>
   <p style="margin-top:18px;">Profissão:
     <input class="InputText" type="text" name="profissao" id="profissao" value="" size="25" maxlength="50" style="width:200px" />
   </p>
   <p style="margin-top:23px;">Data Nascimento:
     <input class="InputText" type="text" name="datanasc" id="datanasc" value="" size="25" OnKeyUp="mascaraData(this);" maxlength="10" style="width:100px" />
   <p style="margin-top:23px;">CEP:
     <input class="inputEnd" type="textbox" name="cep" maxlength="9" id="cep" maxlength="9" onkeyup="Formatacep(this,event)" />
     <a style="cursor: pointer;" href="javascript: funcaowebservicecep();">completar endereço</a>
   </p>    
   <p style="margin-top:20px;">Endereço:
     <input class="inputEnd" type="textbox" name="endereco" maxlength="100" id="endereco" size="55"/>
   </p>
   <p style="margin-top:20px;">Complemento:
     <input class="inputEnd" type="textbox" name="complemento" maxlength="100" size="55" id = "complemento"/>
   </p>
   <p style="margin-top:19px;">Bairro:
     <input class="inputEnd" type="textbox" name="bairro" maxlength="50" id="bairro" />
   </p>
   <p style="margin-top:19px;">Cidade:
     <input class="inputEnd" type="textbox" name="cidade" maxlength="50" id="cidade" />
   </p>
   <p style="margin-top:19px;">UF:
     <select class="inputEnd" name="uf" maxlength="2" id="uf">
     	<option value = ""></option>
     	<option value = "AC">AC</option>
     	<option value = "AL">AL</option>
     	<option value = "AP">AP</option>
     	<option value = "AM">AM</option>
     	<option value = "BA">BA</option>
     	<option value = "CE">CE</option>
     	<option value = "DF">DF</option>
     	<option value = "ES">ES</option>
     	<option value = "GO">GO</option>
     	<option value = "MA">MA</option>
     	<option value = "MT">MT</option>
     	<option value = "MS">MS</option>
     	<option value = "MG">MG</option>
     	<option value = "PA">PA</option>
     	<option value = "PB">PB</option>
     	<option value = "PR">PR</option>
     	<option value = "PE">PE</option>
     	<option value = "PI">PI</option>
     	<option value = "RJ">RJ</option>
     	<option value = "RN">RN</option>
     	<option value = "RS">RS</option>
     	<option value = "RO">RO</option>
     	<option value = "RR">RR</option>
     	<option value = "SC">SC</option>
     	<option value = "SP">SP</option>
     	<option value = "SE">SE</option>
     	<option value = "TO">TO</option>
     </select>
   </p>
   <p style="margin-top:23px;">Telefone:<span style="margin-top:19px;">
     <input class="InputText" type="text" name="precel2" id="precel2" value="" size="2" maxlength="2" style="width:50px"  />
-
     <input class="InputText" type="text" name="telefone" id="telefone" value="" size="25" maxlength="9" onkeyup="Formatatel(this,event)" style="width:160px" />
   </span></p>
   <p style="margin-top:20px;">Celular:<span style="margin-top:19px;">
     <input class="InputText" type="text" name="precel" id="precel" value="" size="2" maxlength="2" style="width:50px" />
-</span><span style="margin-top:19px;">
   <input class="InputText" type="text" name="celular" id="celular" value="" size="25" maxlength="9" onkeyup="Formatatel(this,event)" style="width:160px" />
   </span></p>

   <h1 style="font:Arial, Helvetica, sans-serif; color:#3f3f3f; font-size:18px;"><span style="color:#bed73d;">INFO</span> COMPLEMENTARES </h1> 

   <p>Time que torce:<span style="display="none";margin-top:19px;" >

     <input type = "radio" name = "timetorce" id = "timetorce" value = "América" /><img src="escudos/escudos_13.jpg" width="28" heigth="26">
     <input type = "radio" name = "timetorce" id = "timetorce" value = "Botafogo" /><img src="escudos/escudos_07.jpg" width="28" heigth="26">
     <input type = "radio" name = "timetorce" id = "timetorce" value = "Flamengo" /><img src="escudos/escudos_03.jpg" width="28" heigth="26">

     <input type = "radio" name = "timetorce" id = "timetorce" value = "Fluminense" /><img src="escudos/escudos_05.jpg" width="28" heigth="26">
     <input type = "radio" name = "timetorce" id = "timetorce" value = "Madureira" /><img src="escudos/escudos_14.jpg" width="28" heigth="26">
     <input type = "radio" name = "timetorce" id = "timetorce" value = "Vasco" /><img src="escudos/escudos_12.jpg" width="28" heigth="26">

     <input type = "radio" name = "timetorce" id = "timetorce" value = "outro" style="margin-top:15px;" /> Outros
   </span></p>
   <p style="margin-top:20px;">Esportes Favoritos:<span style="margin-top:19px;">
     <input class="InputText" type="text" name="esportefav" id="esportefav" value="" size="25" maxlength="50" style="width:200px" />
   </span></p>
   <p style="margin-top:20px;"><input type=image  src="enviar.jpg" value="submit" onclick="return limpar()"> </p>    </form>

 

[William Bruno 1501]

exemplo:

http://code.imasters.com.br/index.php?/topic/133-ocultarexibir-elementos-apartir-de-acao-em-radioselect/

[Karina Henrique 0]

exemplo:

http://code.imasters...em-radioselect/

 

Obrigada, vou testa, já posto aqui...

 

 

exemplo:

http://code.imasters...em-radioselect/

 

Bom diaaaaa.... funcionou mto bem

 

=DD

 

thanks...

 

Bom dia a tds!!!