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


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17663
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Input radio para mostrar ou esconder campos

05-10-2007 21:28

Esse script permite mostrar ou esconder o campo desejado ao selecionar um input radio.

JAVASCRIPT
<script type="text/javascript"> function valor(qual) { if(qual=="cpf") { document.form.cpf.style.display="block"; document.form.cnpj.style.display="none"; } if(qual=="cnpj") { document.form.cpf.style.display="none"; document.form.cnpj.style.display="block"; } } </script>

HTML

<form name="form"> <input type="radio" name="qual" value="cpf" onclick="valor('cpf')"> CPF <input type="radio" name="qual" value="cnpj" onclick="valor('cnpj')"> CNPJ <input type="text" name="cpf" value="CPF AQUI" style="display:none;"> <input type="text" name="cnpj" value="CNPJ AQUI" style="display:none;"> </form>

1
A melhor hospedagem para o seu site HostGator!
 
Mais de 75 postagens
Mais de 75 postagens
Mensagens: 96
Nome: Júnior
Descrição do site: Voltado para o Desenvolvimentos de Sistemas
Localização: Goiania
Contato:

Input radio para mostrar ou esconder campos

17-02-2009 16:01

muito bom este post ele me salvou a minha pela continua assim web
0
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17663
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Input radio para mostrar ou esconder campos

17-02-2009 16:02

:;-)
0
A melhor hospedagem para o seu site HostGator!
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17663
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Input radio para mostrar ou esconder campos

27-06-2013 11:41

Segue uma versão mais dinâmica, usando jQuery

<script src="jquery.js"></script>


<form name="form"> <input type="radio" name="qual" value="cpf" onclick="$('#cpf').show();$('#cnpj').hide()"> CPF <input type="radio" name="qual" value="cnpj" onclick="$('#cpf').hide();$('#cnpj').show()"> CNPJ <input type="text" id="cpf" name="cpf" value="CPF AQUI" style="display:none;"> <input type="text" id="cnpj" name="cnpj" value="CNPJ AQUI" style="display:none;"> </form>

1
A melhor hospedagem para o seu site HostGator!

Quem está online

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