Olá, tenho um cadastro com endereço da noiva e endereço do noivo. Tenho 3 Radio Buttons 1º Noiva, 2º Noivo e 3º Outro. A questão é, quando eu clicar no terceiro radio button quero habilitar uma serie de campos para que eu possa preencher dados relacionados a outro endereço?
Grato desde já!
Radio Button
Started By marciobrignol, 04/01/2005, 10:09
18 replies to this topic
#1
marciobrignol
-
- Usuários
-
- 66 posts
Normal
- Sexo:Não informado
Posted 04/01/2005, 10:09
Márcio Brignol Silveira
Programador - Lojas Obino
Programador - Lojas Obino
#2
fly2k
-
- Usuários
-
- 2262 posts
Super Veterano
- Sexo:Não informado
Posted 04/01/2005, 10:18
java script...habilitar ou desabilitar objetos...é java script... estarei movendo seu tópico pra lá!
Quer aprender PHP? -> www.manjaphp.com.br
Tutoriais, código colaborativo (pastebin), curso de PHP, artigos e etc.
Tutoriais, código colaborativo (pastebin), curso de PHP, artigos e etc.
#3
Alex Hiroshi
-
- Ex-Admins
-
- 4923 posts
Super Veterano
- Sexo:Masculino
- Localidade:São Paulo - SP
Posted 04/01/2005, 12:14
. . pra ficar mais facil .. vc pode colocar os campos que o usuario terá que preencher caso ele marque o 3 radio em uma camada invisivel...
caso ele marque a opcao 3, vc faz a camada aparecer..
caso ele marque a opcao 3, vc faz a camada aparecer..
<form> 1<input type="radio" name="wmonline" value="1" /> 2<input type="radio" name="wmonline" value="2" /> 3<input type="radio" name="wmonline" value="3" onfocus="eu.style.display='block'" /> <div id="eu" style="display:none;"> <input type="text" name="cmp1" /> <input type="text" name="cmp2" /> <input type="text" name="cmp3" /> <input type="text" name="cmp4" /> <input type="text" name="cmp5" /> <input type="text" name="cmp6" /></div> </form>esse é um exemplo... quando o 3 radio receber um focu ele vai mostrar o conteudo da camada "eu"
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador
#4
marciobrignol
-
- Usuários
-
- 66 posts
Normal
- Sexo:Não informado
Posted 04/01/2005, 13:34
cara tentei aqui, mas não funcionou..
Márcio Brignol Silveira
Programador - Lojas Obino
Programador - Lojas Obino
#5
Alex Hiroshi
-
- Ex-Admins
-
- 4923 posts
Super Veterano
- Sexo:Masculino
- Localidade:São Paulo - SP
Posted 04/01/2005, 13:59
. . o que deu?
tente assim
tente assim
<form>
1<input type="radio" name="wmonline" value="1" />
2<input type="radio" name="wmonline" value="2" />
3<input type="radio" name="wmonline" value="3" onfocus="document.getElementById('eu').style.display='block'" />
<div id="eu" style="display:none;">
<input type="text" name="cmp1" />
<input type="text" name="cmp2" />
<input type="text" name="cmp3" />
<input type="text" name="cmp4" />
<input type="text" name="cmp5" />
<input type="text" name="cmp6" /></div>
</form>
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador
#6
marciobrignol
-
- Usuários
-
- 66 posts
Normal
- Sexo:Não informado
Posted 04/01/2005, 14:20
ainda não funcionou..
Márcio Brignol Silveira
Programador - Lojas Obino
Programador - Lojas Obino
#7
Alex Hiroshi
-
- Ex-Admins
-
- 4923 posts
Super Veterano
- Sexo:Masculino
- Localidade:São Paulo - SP
Posted 04/01/2005, 14:25
troque o onfocus por onclick.. eu testei aqui e deu certo de todas as formas...
o que está dando ai? não funciona.. mais ele da erro, alguma coisa?
o que está dando ai? não funciona.. mais ele da erro, alguma coisa?
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador
#8
marciobrignol
-
- Usuários
-
- 66 posts
Normal
- Sexo:Não informado
Posted 04/01/2005, 16:20
amigo, funcionou.. grato..
Márcio Brignol Silveira
Programador - Lojas Obino
Programador - Lojas Obino
#9
Crab
-
- Ex-Admins
-
- 2521 posts
Da paz, mas preparado para Guerra
- Sexo:Masculino
- Localidade:Florianópolis - SC
- Interesses:Desenvolvimento Gráfico e Web.
Posted 17/02/2005, 18:26
aqui funcionou tanto com o onfocus quanto o onclick.
Só tenho uma dúvida
tipo quando clico no radio ele mostra o elemento referente.
e se eu clico no outro radio que tbm tem um getElement ele acrescenta o outro campo referente a ele.
Ms quero que ao clicar no radio mostre um elemento, mas se logo após clicar no outro radio mostre o outro elemento ocultando o elemento anterior, e ao enviar o form enviar somente os dados referentes aos campos que foram escolhidos para apoarecer, ou seja os que ficarm ocultos não enviar eles vazios saca ..
não sei muitoe nem sei se quando tá oculto desta forma vai os valores vazios .. mas já deixo esta dúvida tbm.
Não sei se deu pra sacar .... valeu aí
Até mais
Só tenho uma dúvida
tipo quando clico no radio ele mostra o elemento referente.
e se eu clico no outro radio que tbm tem um getElement ele acrescenta o outro campo referente a ele.
Ms quero que ao clicar no radio mostre um elemento, mas se logo após clicar no outro radio mostre o outro elemento ocultando o elemento anterior, e ao enviar o form enviar somente os dados referentes aos campos que foram escolhidos para apoarecer, ou seja os que ficarm ocultos não enviar eles vazios saca ..
não sei muitoe nem sei se quando tá oculto desta forma vai os valores vazios .. mas já deixo esta dúvida tbm.
Não sei se deu pra sacar .... valeu aí
Até mais
Crab - Ex-Administrador Geral fórum WMO
canaldev.com.br
sistemabasico.com.br
twitter.com/sistemabasico
twitter.com/lunelli
canaldev.com.br
sistemabasico.com.br
twitter.com/sistemabasico
twitter.com/lunelli
#10
Crab
-
- Ex-Admins
-
- 2521 posts
Da paz, mas preparado para Guerra
- Sexo:Masculino
- Localidade:Florianópolis - SC
- Interesses:Desenvolvimento Gráfico e Web.
Posted 20/02/2005, 04:20
Galera consegui fazer .. se alguém mais ver este tópico ...
aqui está a solução geral ...
Copia e cola direto e faz o teste ... .
Se alguém tiver dúvidas é só postar.
A função ficou meio de inicante ... ou não ?
Ela poderia ser mais dinâmica ??
Como ser mais dinâmica com a mesma função ??
Ficou meio de iniciante eu sei ... mas eficaz.
Até mais
aqui está a solução geral ...
// isso vai entre as tags <head> ... Via aqui ... </head>
<script type="text/javascript">
<!--
function pf(){
document.form.razao.style.visibility='hidden';
document.form.cnpj.style.visibility='hidden';
document.form.cpf.style.visibility='visible';
document.form.razao.disabled = true
document.form.cnpj.disabled = true;
document.form.cpf.disabled = false;
document.getElementById('pfi').style.display='block';
document.getElementById('pjr').style.display='none';
document.getElementById('info').style.display='none';
}
function pj(){
document.form.razao.style.visibility='visible';
document.form.cnpj.style.visibility='visible';
document.form.cpf.style.visibility='hidden';
document.form.razao.disabled = false
document.form.cnpj.disabled = false
document.form.cpf.disabled = true;
document.getElementById('pjr').style.display='block';
document.getElementById('pfi').style.display='none';
document.getElementById('info').style.display='none';
}
//-->
</script>
// isso vai entre as tags <body> ... vai aqui ... </body>
<form name="form" method="post" action="">
<input name="tipo" type="radio" id="pessoa" value="Cliente Pessoa Jurídica" onClick="pj()" /> Pessoa Jurídica
<input name="tipo" type="radio" id="pessoa" value="Cliente Pessoa Física" onClick="pf()" /> Pessoa Física<br /><br />
<div id="info" style="display:'block';">
<b></b>Escolha uma opção acima para ativar<br />
os campos referentes a sua pessoa.</b></div>
<div id="pjr" style="display:none;">
Razão Social <br /><input name="razao" type="text" id="" value="">
<br>
CNPJ<br /><input name="cnpj" type="text" id="" value=""></div>
<div id="pfi" style="display:none;">
CPF<br /><input name="cpf" type="text" id="" value=""></div>
</form>
Copia e cola direto e faz o teste ... .
Se alguém tiver dúvidas é só postar.
A função ficou meio de inicante ... ou não ?
Ela poderia ser mais dinâmica ??
Como ser mais dinâmica com a mesma função ??
Ficou meio de iniciante eu sei ... mas eficaz.
Até mais
Crab - Ex-Administrador Geral fórum WMO
canaldev.com.br
sistemabasico.com.br
twitter.com/sistemabasico
twitter.com/lunelli
canaldev.com.br
sistemabasico.com.br
twitter.com/sistemabasico
twitter.com/lunelli
#11
barucco
-
- Usuários
-
- 6 posts
Novato no fórum
- Sexo:Não informado
Posted 07/02/2006, 12:19
Galera,
e como seria pra carregar logo a opção 3 com os outros campos como se o RadioButton já viesse selecionado?
e como seria pra carregar logo a opção 3 com os outros campos como se o RadioButton já viesse selecionado?
#12
computer
computer
-
- Visitantes
Posted 07/02/2006, 12:31
Olá, tudo bem?Galera,
e como seria pra carregar logo a opção 3 com os outros campos como se o RadioButton já viesse selecionado?
Não entendi direito o que queres fazer. Poderia expicar melhor?
#13
Crab
-
- Ex-Admins
-
- 2521 posts
Da paz, mas preparado para Guerra
- Sexo:Masculino
- Localidade:Florianópolis - SC
- Interesses:Desenvolvimento Gráfico e Web.
Posted 07/02/2006, 16:32
Ele quer deixar ao carregar a página um dos radios marcados e com os campos referentes a este radio como "DISPLAY"
Tipo campo padrão mesmo.
Seria apenas deixar a opção checked no <input do radio que deseja deixar marcado:
E deixar a <div> que tem os campos que deseja que apareça quando esta opção de radio estiver marcada ... tenha o seguinte style :
Acho que é por ae ... não repara que sou iniciante.
Até mais
Tipo campo padrão mesmo.
Seria apenas deixar a opção checked no <input do radio que deseja deixar marcado:
<input name="radiobutton" type="radio" value="radiobutton" checked="checked" />
E deixar a <div> que tem os campos que deseja que apareça quando esta opção de radio estiver marcada ... tenha o seguinte style :
em relação ao ID vc defini .. style="display:none;"> para ocultar
ou
... style="display:block;"> para exibir
Acho que é por ae ... não repara que sou iniciante.
Até mais
Crab - Ex-Administrador Geral fórum WMO
canaldev.com.br
sistemabasico.com.br
twitter.com/sistemabasico
twitter.com/lunelli
canaldev.com.br
sistemabasico.com.br
twitter.com/sistemabasico
twitter.com/lunelli
#14
computer
computer
-
- Visitantes
Posted 07/02/2006, 17:47
Não vamos reparar nada, apenas irei dizer que não precisa colocar checked="checked". Não acha melhor colocar apenas checked?Acho que é por ae ... não repara que sou iniciante.
#15
Alex Hiroshi
-
- Ex-Admins
-
- 4923 posts
Super Veterano
- Sexo:Masculino
- Localidade:São Paulo - SP
Posted 07/02/2006, 22:44
xhtml precisa..
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)
