Publicado em 27 de mai.

Preencher um Text ao clicar em um Radio Buttom

Boa tarde!

Pessoal, em um formulário tenho vários text com dados de PAI e MÃE e outros text para RESPONSÁVEL FINANCEIRO que será o pai ou a mãe ou outra pessoa, neste mesmo Form tenho três RADIOS BUTTOM "Pai" , "Mãe" e "Outro" preciso que:

Ao clicar em um radio os text de responsável financeiro sejam preenchidos com os respectivos text do pai ou da mãe e se clicar no radio "Outro" os text fiquem vazios caso ja estejam preenchidos, neste caso os text serão preenchidos pelo usuário.

Desde já agradeço.
Claudiney
www.cassystems.com.br

Discussão (8)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

xanburzum· 27 de mai.

apenas pegue o valor do radio e atribua no value do text, aconselho a usar AJAX ou jquery para um desempenho melhor, tipo autocomplete, sem o refresh

Gilberto Jr· 28 de mai.

Eu acho você posta a sua duvida no forum de javascript a resposta vai se bem mais rapida.

Att;

xanburzum· 28 de mai.

ou simplesmente atribua o valor do radio num text ou session recupere e atribua no value do textbox, lembrando cuidado com o refresh, nesse caso use AJAX, dê uma olhada no fórum postei alguns exemplos, ou também use uma adaptação do Autocomplete

Bru_ce· 28 de mai.

jQuery / Ajax

Dineysil· 28 de mai.

Bom dia!

xanburzum vc tem algum exemplo? Vi um exemplo de autocomplete mas com banco de dados sql, no meu caso não dados em base de dados apenas copiar o conteúdo de um text e preencher outro text com o mesmo conteúdo.

Uso muito isso em Visual Basic onde é bem simples .

Gilberto Jr· 28 de mai.

Isso eu acho que resolve o seu problema.

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<script type="text/javascript">
function preencherCampo(valor){
 document.getElementById("apelido").value = valor;
 return true;
}
</script>
</head>

<body>
<input type="text" id="nome" name="nome" onkeyup="preencherCampo(this.value);" value="" />
<input type="text" id="apelido" name="apelido" value="" />
</body>
</html>

Qualquer valor que você prencher no campo input name=nome ele sera direcionado no campo input name=apelido

Att;

Dineysil· 28 de mai.

Boa tarde!

Giulberto Jr, valeu a dica, consegui dar um jeito aqui na famosa "Programação Orientada a Gambiarra" kkkkk...

Adaptei seu exemplo e esta funcionando veja como eu fiz:

<script type="text/javascript">
function preencherCampo(valor)

{ mae = document.form1.mae.value emailmae = document.form1.emailmae.value cpfmae = document.form1.cpfmae.value rgmae = document.form1.rgmae.value fonemae = document.form1.fonemae.value celularmae = document.form1.celularmae.value enderecomae = document.form1.enderecomae.value bairromae = document.form1.bairromae.value cidademae = document.form1.cidademae.value cepmae = document.form1.cepmae.value ufmae = document.form1.ufmae.value

document.getElementById("resp").value = mae;
document.getElementById("emailresp").value = emailmae;
document.getElementById("cpfresp").value = cpfmae;
document.getElementById("rgresp").value = rgmae;
document.getElementById("foneresp").value = fonemae;
document.getElementById("celularresp").value = celularmae;
document.getElementById("enderecoresp").value = enderecomae;
document.getElementById("bairroresp").value = bairromae;
document.getElementById("cidaderesp").value = cidademae;
document.getElementById("cepresp").value = cepmae;
document.getElementById("ufresp").value = ufmae;
 return true;
}
</script>

<label><input type="radio" name="radio" id="radio" value="valor" onClick="preencherCampo(this.value);">Mãe</label>

Obrigado a todos!

Claudiney
www.cassystems.com.br

Gilberto Jr· 28 de mai.

Aqui no ES a gente chama a GAMBIARRA pelo seu apelido que colocamos de GAMBI rsrs.

Se for possivel marque o pontinho ai no topico pra mim rsrs.

Att;