Ir para conteúdo

POWERED BY:

Arquivado

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

cristhianofonseca

Habilitar campos conforme RADIO BUTTON selecionado

Por , em Javascript

Recommended Posts

cristhianofonseca    0

cristhianofonseca
Postado

Fala galera!Seguinte, estou precisando saber como habilitar alguns campos conforme radio button selecionado.Exemplo: Em um form terei um radio button CPF e outro CNPJ e abaixo os campos. Preciso ao selecionar o RADIO CPF que habilite o campo CPF e qdo CNPJ, habilite o CNPJ e Inscrição Estadual.Como fazer?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabyo    66

Fabyo
Postado

um exemplo com JQUERY http://www.jquery.com:

 

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {	
$("input[@type=radio]").bind("click", function(){		
	if($("input[@type=radio]:checked").val() == "cpf") {
		$("#cpf").attr({readonly: false});
		$("#cnpj").attr({readonly: true});
	} else {
		$("#cpf").attr({readonly: true});
		$("#cnpj").attr({readonly: false});
	}
});	
});
</script>
CPF <input type="radio" name="doc" value="cpf" />
CNPJ <input type="radio" name="doc" value="cnpj" />
<input type="text" name="cpf" id="cpf" readonly="true" />
<input type="text" name="cnpj" id="cnpj" readonly="true" />

Compartilhar este post

Link para o post
Compartilhar em outros sites

cristhianofonseca    0

cristhianofonseca
Postado

Não funciona!Segue:<html><head><script type="text/javascript" src="../scripts/jquery.js"></script><script type="text/javascript">$(document).ready(function() { $("input[@type=radio]").bind("click", function(){ if($("input[@type=radio]:checked").val() == "cpf") { $("#cpf").attr({readonly: false}); $("#cnpj").attr({readonly: true}); } else { $("#cpf").attr({readonly: true}); $("#cnpj").attr({readonly: false}); } }); });</script></head><body><br><center><img src="../producao/../logo_red.jpg" alt="" width="350" height="29" border="0"></center><br><br><div align="center" class="ArialTit1"> Tipo de Cliente<br><br><br><br><br>CPF <input type="radio" name="doc" value="cpf" /> <input type="text" name="cpf" id="cpf" readonly="true" />   CNPJ <input type="radio" name="doc" value="cnpj" /> <input type="text" name="cnpj" id="cnpj" readonly="true" /><br><br> <form onMouseOver="highlightButton('start')" onMouseOut="highlightButton('')"> <input type="button" value="Voltar" onClick="voltar()">   <input name="" type="button" onClick="fechar()" value="Sair do Sistema"> </form></div></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabyo    66

Fabyo
Postado

Funciona sim

 

http://www.fabyoguimaraes.com/jquery/radio.html

 

obs: a ideia de usar JQUERY é tbm pela praticidade de poder usar javascript nao obstrusivo ou seja nao precisa escrever nada de javascript nas tags html como no seu exemplo "onMouseOver e onClick" nao precisava disso

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