Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS

Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 216
Nome: Luan
Sexo: Masculino
Localização: De traz do PC
Contato:

Aparecer um campo ao selecionar um radio

01-08-2009 22:22

Bom vou postar 2 exemplos de como selecionar um radio e aparecer um campo.

1º Exemplo:
3 radios; 1º Nulo, 2º Aparece o campo A, 3º Aparece o campo B.

<html> <head> <title>Selecionar 1 de cada</title> <script language="javascript"> cont= new Array(); cont[0] = ''; cont[1] = '<label for="ncampo">Campo A:</label> <input type="text" name="campoA" id="campoa" />'; cont[2] = '<label for="ncampo">Campo B:</label> <input type="text" name="campoB" id="campob" />'; function inserir(id,n){ document.getElementById(id).innerHTML = cont[n]; } </script> </head> <body> <input type="radio" name="sel" id="sel1" value="1" checked="checked" onclick="inserir('ncampo', '0')" /><label for="sel1">Valor Nulo</label><br /> <input type="radio" name="sel" id="sel2" value="2" onclick="inserir('ncampo', '1')" /><label for="sel2">Inserir Campo A</label><br> <input type="radio" name="sel" id="sel3" value="3" onclick="inserir('ncampo', '2')" /><label for="sel3">Inserir Campo B</label> <div id="ncampo"> </div> <div id="ncampo"> </div> </body> </html>

2º Exemplo:
3 radios; 1º Nulo, 2º Aparece Campo A, 3º Aparece Campo A e B.

<html> <head> <title>Selecionar 1 e os 2</title> <script language="javascript"> cont= new Array(); cont[0] = ''; cont[1] = '<label for="ncampo">Campo A:</label> <input type="text" name="campoA" id="campoa" />'; cont[2] = '<label for="ncampo">Campo A e B:</label> <input type="text" name="campoA" id="campoa" /><br><label for="ncampo">Campo B:</label> <input type="text" name="campoB" id="campob" />'; function inserir(id,n){ document.getElementById(id).innerHTML = cont[n]; } </script> </head> <body> <input type="radio" name="sel" id="sel1" value="1" checked="checked" onclick="inserir('ncampo', '0')" /><label for="sel1">Campo Nulo</label><br /> <input type="radio" name="sel" id="sel2" value="2" onclick="inserir('ncampo', '1')" /><label for="sel2">Campo A</label><br> <input type="radio" name="sel" id="sel3" value="3" onclick="inserir('ncampo', '2')" /><label for="sel3">Campo A e B</label> <div id="ncampo"> </div> <div id="ncampo"> </div> </body> </html>

Espero que tenham gostado e que possa ser util para alguem.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17246
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Aparecer um campo ao selecionar um radio

01-08-2009 22:36

Legal esse método usado.
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 216
Nome: Luan
Sexo: Masculino
Localização: De traz do PC
Contato:

Aparecer um campo ao selecionar um radio

01-08-2009 22:37

Tem como fazer um gerador la no site com ele... ficaria legal.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17246
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Aparecer um campo ao selecionar um radio

01-08-2009 22:50

Sim, mas, acho que não é um script usado frequentemente, e também tem muitas variáveis a definir, ai complica.
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado