Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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>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>
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!