Codeigniter + PHP - Habilitar e Desabilitar DIV's

[violin101 0]

Caros amigos, saudações...

 

estou com um problema que estou quebrando a cabeça para solucionar, mas não estou conseguindo.

 

Tenho um formulário que utilizo para Cadastrar Fornecedores. 

 

Deixei no formulário a opção de escolher Pessoa Física e Pessoa Jurídica.

quando o usuário escolher uma das opções criei 2 div's.

 

DIV-1 - com campos de CPF e RG

DIV-2 - com campos de CNPJ e Inscrição Estadual

 

Minha dúvida:

como faço via JavaScript, para habilitar as DIV's com seu campos para serem preenchidos ?

 

Grato,

 

Cesar

 

[Omar~ 87]

Você pode está usando só HTML e CSS para algo tão simples

Veja:

Spoiler

<style>
    /* Só por questão estética do exemplo */
    input[type=text]{padding:.75rem;width: 49%}
    .botao_selecionar{padding:.5rem 1rem;color:#fff;background-color:#ccc;cursor:pointer}
    
    /* Esconde os inputs e os divisores */
    #fisica, #juridica,
    #dados-fisica, #dados-juridica {
        display: none
    }
    /* Quando marcado algum input mostra o seu correpondente */
    #fisica:checked ~ #dados-fisica,
    #juridica:checked ~ #dados-juridica {
        display: block
    }
</style>

<input type="radio" name="tipo" value="1" id="fisica" checked="" />
<input type="radio" name="tipo" value="2" id="juridica" />

<p>Cadastrar que tipo?</p>
<label for="fisica" class="botao_selecionar">Pessoa Física</label> |
<label for="juridica" class="botao_selecionar">Pessoa Jurídica</label>

<hr />

<div id="dados-fisica">
    <p>Aqui você coloca todos inputs para pessoa física</p>
    <input type="text" name="exemplo_a" placeholder="algum dado para pesso física"/>
    <input type="text" name="exemplo_a_b" placeholder="algum dado para pesso física"/>
</div>

<div id="dados-juridica">
    <p>Aqui você coloca todos inputs para pessoa juridica</p>
    <input type="text" name="exemplo_b" placeholder="algum dado para pesso jurídica"/>
    <input type="text" name="exemplo_b_b" placeholder="algum dado para pesso jurídica"/>
</div>

 

 

Agora ao caso do php...

Perceba que a tag <input> radio possui o name['tipo'] então esse dado deve se verificado quando o formulário for submetido.

Quando o tipo for 1 você só irá processar dados de post contido na tag <div> que foi mostrada ignorando os dados de input da outra, fazendo o mesmo mais ao inverso quando o tipo for 2.

 

Pois quando o formulário for submetido todos os dados serão enviados, mas usando esse truque você pode saber qual foi o modelo da postagem.