Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Fernando King

[Resolvido] Repetir dados com Checkbox

Por , em Javascript

Recommended Posts

Fernando King    0

Fernando King
Postado

Boa tarde a todos;

 

Depois de muita pesquisa aqui no forum (não sei se pesquisei pelo termo certo) venho postar esse topico para pediu um forcinha ai de vocês!!!

 

 

Acontece o seguinte:

 

Tenho uma loja virtual e nela tenho o cadastro de cliente. Ele é dividido em dois formularios: Dados Cobrança e Dados Entrega.

Os dois formularios são praticamente iguais a não não por alguns campos de diferença.

 

O problema é que quando o cliente se cadastra e o endereço de entrega for o mesmo de cobrança ele tem que repetir os dados no formulario correspondente.

 

 

Pensei o seguinte:

 

Logo acima do formulario de endereço de entrega estou querendo colocar um Checkbox para que quando o cliente clicar os dados do formulario de cobrança seja repetidos no formulario de entrega.

 

 

A estrutura seria +- assim:

 

[ Formulario de Cobrança ]

 

[] Marque aqui se endereço de entrega for igual ao de cobraça

 

[ Formulario de cobraça ]

 

 

Alguma ideia por ai? Ou ja viram algo parecido na net?

 

 

Bom enquanto isso vou pesquisar mais.

 

Obrigado desde já!

 

Att

 

Fernando Henrique

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Simples de fazer..

 

acesse o atributo: .value dos campos que estão preenchidos, e depois dê esse value os campos não preenchidos.

 

exemplo:

<html>
<head>
<script type="text/javascript">
function id( el ){
	return document.getElementById( el );
}
function preencher( el )
{
	if( el.checked==true )
	{
		id('end_entrega').value = id('end_cobranca').value;
		id('cep_entrega').value = id('cep_cobranca').value;
	}
	else
	{
		id('end_entrega').value = '';
		id('cep_entrega').value = '';
	}
}
</script>
</head>
<body>
	<h1>Form Cobrança</h1>
	<form>
		<input type="text" name="end_cobranca" id="end_cobranca" value="Rua dos Bobos" />
		<input type="text" name="cep_cobranca" id="cep_cobranca" value="11111-111" />
	</form>
	
	<p><input type="checkbox" name="os-mesmos-dados" value="sim" onclick="preencher( this );" />
		Marque aqui se endereço de entrega for igual ao de cobraça</p>
		
	<h1>Form Entrega</h1>
	<form>
		<input type="text" name="end_entrega" id="end_entrega" />
		<input type="text" name="cep_entrega" id="cep_entrega" />
	</form>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito