Ir para conteúdo

POWERED BY:

Arquivado

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

Paulo Roberto Start Corp

[Resolvido] habilitar e desabilitar campo jquery

Recommended Posts

Gente porque nao funciona ?

 

 

 

 

<script type="text/javascript">
$(document).ready(function(){

// campo desabilitado
$('#senha').attr("disabled", true);
// cor de fundo para o campo
$('#senha').css("background-color", "#cccccc");

$("#enable").click(function (){ 
	// habilitando o campo
	$('#senha').attr("disabled", '');
	// retornando a cor padrao
	$('#senha').css("background-color", "#FFF");
});
 });
</script>



<form name="form1" method="post" action="">
 <p>
<label>
 	<input type="radio" name="RadioGroup1" value="sim" id="RadioGroup1_0">
 	sim</label>

<label>
 	<input type="radio" name="RadioGroup1" value="nao" id="RadioGroup1_1">
 	nao</label>
<br>
<label for="senha"></label>
<input type="text" name="senha" id="senha">
 </p>
</form>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Boa tarde!

 

em vez de:

// campo desabilitado
       $('#senha').attr("disabled", true);

 

utilize:

$('#senha').attr("disabled", "disabled");

 

o atributo disabled pode assumir apenas o valor 'disabled'.

Para habilita-lo use

$('#senha').removeAttr("disabled");

 

Espero ter ajudado!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Resolvido

 

 

 

 

 

<script type="text/javascript">
$(document).ready(function(){

   	// campo desabilitado
   	$('#senha').attr("disabled", true);
   	// cor de fundo para o campo
   	$('#senha').css("background-color", "#cccccc");

   	$("#RadioGroup1_0").click(function (){ 
           	// habilitando o campo
           	$('#senha').attr("disabled", '');
           	// retornando a cor padrao
           	$('#senha').css("background-color", "#FFF");
   	});

	    	$("#RadioGroup1_1").click(function (){ 
           	// habilitando o campo
           	$('#senha').attr("disabled", true);
           	// retornando a cor padrao
           	$('#senha').css("background-color", "#cccccc");
   	});
 });
</script>



<form name="form1" method="post" action="">
 <p>
   	<label>
   	<input type="radio" name="RadioGroup1" value="sim" id="RadioGroup1_0">
   	sim</label>

   	<label>
   	<input type="radio" name="RadioGroup1" value="nao" id="RadioGroup1_1">
   	nao</label>
   	<br>
   	<label for="senha"></label>
   	<input type="text" name="senha" id="senha">
 </p>
</form>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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