Jump to content
Fórum Script Brasil
  • 0

Como Usar Radio Button Pra Criar Campos?


Marcelo0906
 Share

Question

E aii galera po.. sei deve meio simples na real mas não sei como fazer.... tipo tenho os radios q tem opcao de pessoa fisica ou juridica

quando a escolha for fisica deve gerar os campos text nome, cpf, sexo etc... se for juridica deve apagar os campos da pessoa fisica e aparecer os campos text cnp, nome fantasia etc...

habilitar e desabilitar conforme a escolha...

vlw!!

Link to comment
Share on other sites

14 answers to this question

Recommended Posts

  • 0

Exemplo beeeeem simples:

Rd 1:<input type="radio" name="rd" onclick="document.getElementById('dv1').style.display = 'block'; document.getElementById('dv2').style.display = 'none'">
Rd 2:<input type="radio" name="rd" onclick="document.getElementById('dv1').style.display = 'none'; document.getElementById('dv2').style.display = 'block'">

<div id="dv1" style="display:none">
Nome:<input type="text" name="nome">
CPF:<input type="text" name="cpf">
</div>

<div id="dv2" style="display:none">
CNPJ:<input type="text" name="cpnj">
Nome:<input type="text" name="nome_fantasia">
</div>

Link to comment
Share on other sites

  • 0
Claudio o exemplo que eu postei funciona por si só, sem precisar fazer nada. Mas se você quiser fazer uma função para deixar mais organizado, sem problema, basta tirar as acoes do onclick e substituir por uma chamada de função que fará tudo.
Link to comment
Share on other sites

  • 0
<td  height="20" colspan="4" class="label"><div align="rigth">Criado Conta de Rede</div></td>
                <td width="78%"  height="20" colspan="4" class="label">
			<input type="radio" name="AS_criado_rede" value="branco" style="visibility:hidden ">	
            <input type="radio" name="AS_criado_rede" onClick="document.getElementById('dv1').style.display = 'block';       document.getElementById('dv2').style.display = 'none'"> 
            <span class="style2">Sim</span>
            <input type="radio" name="AS_criado_rede" onClick="document.getElementById('dv1').style.display = 'none'; document.getElementById('dv2').style.display = 'block'"> 
            <span class="style4">Não</span>
            <div id="dv1" style="display:none">
            Especificação da Conta:<input type="text" name="AS_especifica_rede">
</div>

Link to comment
Share on other sites

  • 0

<td height="20" colspan="4" class="label"><div align="rigth">Criado Conta de Rede</div></td>
<td width="78%" height="20" colspan="4" class="label">
<input type="radio" name="AS_criado_rede" value="branco" style="visibility:hidden "> 
<input type="radio" name="AS_criado_rede" onClick="document.getElementById('dv1').style.display = 'block'; document.getElementById('dv2').style.display = 'none'"> 
<span class="style2">Sim</span>
<input type="radio" name="AS_criado_rede" onClick="document.getElementById('dv1').style.display = 'none'; document.getElementById('dv2').style.display = 'block'"> 
<span class="style4">Não</span>
<div id="dv1" style="display:none">
Especificação da Conta:<input type="text" name="AS_especifica_rede">
</div>

Tenho esse código em meu formulario e quando clico sim ele me abre o campo "AS-Especifica_rede", entaum envio esses campos para uma nova atividade e o campo Sim aparece habilitado mas o campo "AS_Especifica_rede, esta oculto. Como faço para que no reload da pagina ele apareça ?

Link to comment
Share on other sites

  • 0

o.O Aqui deu tudo certo... seu ActiveX não tá off não?

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share



  • Forum Statistics

    • Total Topics
      150.1k
    • Total Posts
      647.1k
×
×
  • Create New...