Quantcast
Channel: Fórum ASP
Viewing all articles
Browse latest Browse all 1214

Mostra campos após selecionar no chekbox

$
0
0

Boa tarde a todos,

 

Eu tenho o seguinte código que já está funcionando:

<script>
function aparece(){
if(document.getElementById("fisica").checked){
document.forms[0].campofis_01.style.visibility="visible";
document.forms[0].campofis_02.style.visibility="visible";

document.forms[0].campojuri_01.style.visibility="hidden";
document.forms[0].campojuri_02.style.visibility="hidden";
}
else {
document.forms[0].campofis_01.style.visibility="hidden";
document.forms[0].campofis_02.style.visibility="hidden";

document.forms[0].campojuri_01.style.visibility="visible";
document.forms[0].campojuri_02.style.visibility="visible";
}
}
</script>

<form>
<input type="radio" id="fisica" onclick="aparece()" name="campo">Pessoa Física <br>
<input type="radio" id="juridica" onclick="aparece()" name="campo">Pessoa juridica<br>

<input name="campofis_01" type="text" style="visibility:hidden;" value="Fis 1"><br>
<input name="campofis_02" type="text" style="visibility:hidden;" value="Fis 2"><br>

<input name="campojuri_01" type="text" style="visibility:hidden;" value="Jur 1"><br>
<input name="campojuri_02" type="text" style="visibility:hidden;" value="Jur 2"><br>

</form>

Eu gostar que os campos mostrados para cadastrar aparecessem formatados da seguinte forma:

 

Cadastro Pessoa Física:

<table width="350" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="2">Cadastro Pessoa Física</td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td width="127">CampoFisio_1:</td>
    <td width="223"><input type="text" name="campofis_" size="40" value="Fis 1"></td>
  </tr>
  <tr>
    <td>CampoFisio_2:</td>
    <td><input type="text" name="campofis_2" size="40" value="Fis 2"></td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
</table>

Cadastro Pessoa Jurídica:

<table width="350" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="2">Cadastro Pessoa Jurídica</td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td width="127">CampoJurid_1::</td>
    <td width="223"><input type="text" name="campojuri_1" size="40" value="Jur 1"></td>
  </tr>
  <tr>
    <td>CampoJurid_2:</td>
    <td><input type="text" name="campojuri_2" size="40" value="Jur 2"></td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
</table>

Ou seja, que apareça vários campos para um cadastro.

 

Obrigado a todos.


Viewing all articles
Browse latest Browse all 1214