Tenho um form com 2 checkbox, sendo um para pessoa fisica e outra para pessoa juridica.
AI tenho 4 imputs sendo CPF, RG, CNPJ e Razao Social como faço para que quando selecionar pessoa fisica no checkbox, os campos cnpj e razao social sejam desabilitados e vice versa?
Selecionar Tipo De Pessoa E Bloquear Campos
Started By Layout WebHost, 15/02/2007, 13:23
4 replies to this topic
#2
matt.cavotta
-
- Usuários
-
- 347 posts
Ativo
- Sexo:Masculino
- Localidade:Campinas
- Interesses:Desenvolvimento Web & Programação
Posted 15/02/2007, 14:19
Olá,
acho que você poderia criar um evento oncheck que muda a visibilidade dos inputs necessários.
Pesquise sobre Javascript evento 'oncheck()', CSS propriedade display.
Acho que aqui no fórum tem algum post sobre mostrar/esconder div's.
acho que você poderia criar um evento oncheck que muda a visibilidade dos inputs necessários.
Pesquise sobre Javascript evento 'oncheck()', CSS propriedade display.
Acho que aqui no fórum tem algum post sobre mostrar/esconder div's.
Tenho um form com 2 checkbox, sendo um para pessoa fisica e outra para pessoa juridica.
AI tenho 4 imputs sendo CPF, RG, CNPJ e Razao Social como faço para que quando selecionar pessoa fisica no checkbox, os campos cnpj e razao social sejam desabilitados e vice versa?
WebFórum - Equipe de Desenvolvimento - Estagiario
I'm back!
Edgy Eft 7.04
I'm back!
Edgy Eft 7.04
#3
Layout WebHost
-
- Usuários
-
- 95 posts
Normal
- Sexo:Não informado
Posted 15/02/2007, 14:32
é eu procurei e achei varios com divs, mas vi em um sistema um que é feito com js apenas e achei mais interessante, porem nao consegui usar ele.
#4
hunternh
-
- Usuários
-
- 3 posts
Novato no fórum
- Sexo:Não informado
Posted 15/02/2007, 15:33
Fiz uma coisa bem simples:
<html>
<head>
<title>teste</title>
<script type="text/javascript">
habilitaJuridica = function(obj)
{
document.getElementById("razaosocial").disabled = !obj.checked;
document.getElementById("cnpj").disabled = !obj.checked;
document.getElementById("cpf").disabled = obj.checked;
document.getElementById("rg").disabled = obj.checked;
document.getElementById("fisica").checked = !obj.checked;
}
habilitaFisica = function(obj)
{
document.getElementById("razaosocial").disabled = obj.checked;
document.getElementById("cnpj").disabled = obj.checked;
document.getElementById("cpf").disabled = !obj.checked;
document.getElementById("rg").disabled = !obj.checked;
document.getElementById("juridica").checked = !obj.checked;
}
</script>
</head>
<body>
<form>
Razao Social<input type="text" id="razaosocial" name="razaosocial" disabled="disabled" /><br />
CNPJ <input type="text" id="cnpj" name="cnpj" disabled="disabled" /><br />
CPF <input type="text" id="cpf" name="cpf" /><br />
RG <input type="text" id="rg" name="rg" /><br />
<input type="checkbox" id="fisica" name="fisica" checked="checked" onclick="habilitaFisica(this);" />Fisica<br />
<input type="checkbox" id="juridica" name="juridica" onclick="habilitaJuridica(this);" />Juridica
</form>
</body>
</html>
#5
Layout WebHost
-
- Usuários
-
- 95 posts
Normal
- Sexo:Não informado
Posted 15/02/2007, 15:42
Exatamente hunternh, muito obrigado.
0 user(s) are reading this topic
0 membro(s), 0 visitante(s) e 0 membros anônimo(s)
