Como Usar Radio Button Pra Criar Campos?

[Marcelo0906]

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!!

[MLeandroJr!]

Se você desejar que seja feito em tempo real, precisará utilizar JavaScript.

Portanto, redirecionando.

[Marcelo0906]

então.. é q na verdade eu não entendo muito de javascript hehe acabei pegando uns scripts prontos mas não funcionaram...

eu queria q fosse em tempo real mesmo... sabe onde posso encontrar alguma coisa do tipo/?

[.Andreia.]

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>

[Guest --Douglas --]

ANDREIA PARABENS PELO tópico EXCELENTE PUBLICADO, COMO DITO PELA PROPRIA AUTORA 'SIMPLES MAS EXCELENTE' PARABENS!!!

[.Andreia.]

obrigada :blush:

[Claudio Bueno]

Andreia, mas eu preciso declarar uma função certo ? como faço isso ?

brigado

[.Andreia.]

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.

[Claudio Bueno]

Andreia, quando executo somente o codigo funciona perfeitamente, mas quando jogo dentro do meu sistema o HTML ele não abre os botoes radio button... por que será, tem alguma ideia ?

[Jonathan Queiroz]

Verifique se o id utilizado para os campos (dv1 e dv2) já está sendo utilizado por outro elemento na página

Se possível, poste o código aqui

[Claudio Bueno]

<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>

[Claudio Bueno]

<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 ?

[Jonathan Queiroz]

Olhe isso:

<div id="dv1" style="display:none">

Você setou o atributo display do campo como none por padrão Tente assim:

<div id="dv1" style="display:block">

Ou simplesmente não escreva esse atributo

[Eliseu M.]

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

[Jonathan Queiroz]

Na verdade acho que ele está falando sobre a div ficar oculta por padrão, mas funcionar funciona