Ir para conteúdo
Fórum Script Brasil
  • 0

Radio Button + JQuery para exibir e ocultar form


Ricardo25

Pergunta

Boa noite, galera!

Depois de pesquisar na net e encontrar a solução que parece ser a mais simples, empaquei num negócio aqui.

Seguinte, eu tenho um formulário no meu site onde pessoas físicas e jurídicas vão se cadastrar.

A idéia é que quando o usuário marcar num radio button a opção "Física", apareça embaixo um input para cadastrar o CPF. Mas se por acaso o usuário marcar a opção "Jurídica", quero que o imput do CPF suma e apareça do CNPJ.

Eu consegui fazer o CPF aparecer, mas não consegui fazer ele desaparecer e aparecer só o CNPJ. Vejam meu código:

<script type="text/javascript">
function mostra_inputcpf()
{

document.getElementById('mostrar_inputcpf').style.display="block";
}
</script>

<script type="text/javascript">
function oculta_inputcpf()
{

document.getElementById('ocultar_inputcpf').style.display="none";
}
</script>

<script type="text/javascript">
function mostra_inputcnpj()
{

document.getElementById('mostrar_inputcnpj').style.display="block";
}
</script>

<script type="text/javascript">
function oculta_inputcnpj() { document.getElementById('ocultar_inputcnpj').style.display="none"; }
</script>
Pessoa Fisica <input type='radio' id='pessoa' name='tipopessoa' value='mostrar_input'  onclick='mostra_inputcpf(), oculta_inputcpf()'/>
Pessoa Juridica <input type='radio' name='tipopessoa' value='mostrar_input' id='pessoa' onclick='mostra_inputcnpj(), oculta_inputcnpj()'> 
<label id='mostrar_inputcpf' for='mostrainputcpf' style='display: none'>
       CPF <input id='mostrainputcpf' type='text' size='30' name='cpf' >
</label>


<label id='mostrar_inputcnpj' for='mostrainputcnpj' style='display: none'>
       CNPJ <input type='text' name='cnpj' id='mostrainputcnpj'>
</label>

Eu sei que minha lógica tem um negócio errado, mas to com dificuldade pra enxergar. Tem como alguém me ajudar? Vlw!

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...