Ir para conteúdo

POWERED BY:

Arquivado

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

Leandro Diniz

Ativar/Desativar campo texto

Por , em Javascript

Recommended Posts

Leandro Diniz    0

Leandro Diniz
Postado

Amigos, tenho no meu form alguns campos do tipo sim/nao onde pretendo ativar/desativar o campo texto conforme a escolha!

 

EX.:

 

<form method="POST">	<p>Freqüenta Escola ?</p>	<p><input type="radio" value="S" name="frequenta">Sim 	<input type="radio" value="N" checked name="frequenta">Não</p>	<p>Se sim Qual ? <input type="text" name="frequenta_qual" size="20"></p></form>

OBS.: Gostaria de mudar a cor do campo texto quando desativado.

 

Grato

Leandro

leandrooppen@hotmail.com

Compartilhar este post

Link para o post
Compartilhar em outros sites

Leandro Diniz    0

Leandro Diniz
Postado

Mais ou menos isso:

<style><!--.normal {	background: #FFF;}.desabilitado {	background: #888;}--></style><script><!--function muda(radio, campo) {	if (radio.value == 'S') {		document.getElementById(campo).className = 'normal';		document.getElementById(campo).disabled = '';	} else {		document.getElementById(campo).className = 'desabilitado';		document.getElementById(campo).disabled = 'disabled';	}}--></script><form method="POST">	<p>Freqüenta Escola ?</p>	<p><input type="radio" value="S" name="frequenta" onchange="muda(this, 'frequenta_qual')">Sim 	<input type="radio" value="N" checked name="frequenta" onchange="muda(this, 'frequenta_qual')">Não</p>	<p>Se sim Qual ? <input type="text" name="frequenta_qual" size="20"></p></form>
Obrigado tmferreira, só que tem alguma coisa errada !quando carrego a pagina preciso que fique selecionado a opcao nao e o campo desativado e quando clicar em Sim , Ativar o campo para digitar, se possivel de uma olhada oq esta errado, grato pela atenção

Compartilhar este post

Link para o post
Compartilhar em outros sites

Leandro Diniz    0

Leandro Diniz
Postado 

<script><!--function muda(radio, campo) {	if (radio.value == 'S') {		document.getElementById(campo).className = 'normal';		document.getElementById(campo).disabled = '';	} else {		document.getElementById(campo).className = 'desabilitado';		document.getElementById(campo).disabled = 'disabled';	}	document.getElementById(campo).focus();}--></script><form method="POST">	<p>Freqüenta Escola ?</p>	<p><input type="radio" value="S" name="frequenta" onchange="muda(this, 'frequenta_qual')">Sim 	<input type="radio" value="N" checked name="frequenta" onchange="muda(this, 'frequenta_qual')">Não</p>	<p>Se sim Qual ? <input type="text" class="desabilitado" name="frequenta_qual" size="20"></p></form>
teste e continua com o mesmo erro !

Compartilhar este post

Link para o post
Compartilhar em outros sites

Leandro Diniz    0

Leandro Diniz
Postado

Acabei com a preguiça e testei.

<html><head><title>Teste</title><style><!--.normal {	background: #FFF;}.desabilitado {	background: #888;}--></style><script><!--function muda(radio, campo) {	if (radio.value == 'S') {		document.getElementById(campo).className = 'normal';		document.getElementById(campo).disabled = '';		document.getElementById(campo).focus();	} else {		document.getElementById(campo).className = 'desabilitado';		document.getElementById(campo).disabled = 'disabled';	}	}--></script></head><body><form method="POST" id="formulario">	<p>Freqüenta Escola ?</p>	<p><input type="radio" value="S" name="frequenta" onclick="muda(this, 'frequenta_qual')">Sim 	<input type="radio" value="N" checked name="frequenta" onclick="muda(this, 'frequenta_qual')">Não</p>	<p>Se sim Qual ? <input class="desabilitado" type="text" name="frequenta_qual" size="20"></p></form></body></html>
PERFEITO !Muito obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Leandro Diniz    0

Leandro Diniz
Postado

Acabei com a preguiça e testei.

<html><head><title>Teste</title><style><!--.normal {	background: #FFF;}.desabilitado {	background: #888;}--></style><script><!--function muda(radio, campo) {	if (radio.value == 'S') {		document.getElementById(campo).className = 'normal';		document.getElementById(campo).disabled = '';		document.getElementById(campo).focus();	} else {		document.getElementById(campo).className = 'desabilitado';		document.getElementById(campo).disabled = 'disabled';	}	}--></script></head><body><form method="POST" id="formulario">	<p>Freqüenta Escola ?</p>	<p><input type="radio" value="S" name="frequenta" onclick="muda(this, 'frequenta_qual')">Sim 	<input type="radio" value="N" checked name="frequenta" onclick="muda(this, 'frequenta_qual')">Não</p>	<p>Se sim Qual ? <input class="desabilitado" type="text" name="frequenta_qual" size="20"></p></form></body></html>
PERFEITO !Muito obrigado.
Só um probleminha Thiago, quando carrega a pagina esta liberando p digitar o texto na caixa mesmo estando com o não clicado, ´so depois que você ativa e desativa funciona corretamente, tem como arrumar isso ?

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