Ir para conteúdo

POWERED BY:

Arquivado

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

Rafael Lopes da Silva

Habilitar campos Bloqueados, conforme RADIO BUTTON selecionado

Por , em Javascript

Recommended Posts

Rafael Lopes da Silva    2

Rafael Lopes da Silva
Postado

Boa tarde Galera!

Estou com o seguinte problema:

Quero que meus campos já venham BLOQUEADOS, após o carregamento da página e em seguida quando o usuário escolher uma opção o campo DESBLOQUEI.

Desde já agradeço a ajuda ... :)

segue abaixo o código teste que estou desenvolvendo.

<!doctype HTML>
<html>
<head>
<title>Mostrar Ocultar</title>
<meta charset="UTF-8">
<script type="text/javascript">
$(document).ready(function(){
$('#buscaNome').css("background-color", "#cccccc");
// desabilitando o campo Nome
$('#buscaNome').attr("readonly", true);
$('#buscaDdd').css("background-color", "#cccccc");
$('#buscaDdd').attr("readonly", true);
$('#buscaNumero').css("background-color", "#cccccc");
$('#buscaNumero').attr("readonly", true);
});
$(document).ready(function(){
$("input[type=radio][name=opcBuscaConsulta]").click(function(){
if($("#opcNome").val("nome"))
{
$("#buscaNome").attr(readonly: false);
$('#buscaNome').css("background-color", "#fff");
$("#buscaDdd").attr(readonly: true);
$('#buscaDdd').css("background-color", "#cccccc");
$('#buscaDdd').val("");
$("#buscaNumero").attr(readonly: true);
$('#buscaNumero').css("background-color", "#cccccc");
$('#buscaNumero').val("");
}else{
$("#buscaNome").attr(readonly: true);
$('#buscaNome').css("background-color", "#cccccc");
$('#buscaNome').val("");
$("#buscaDdd").attr(readonly: false);
$('#buscaDdd').css("background-color", "#fff");
$("#buscaNumero").attr(readonly: false);
$('#buscaNumero').css("background-color", "#fff");
}
});
});
</script>
</head>
<body>
<input type="radio" name="opcBuscaConsulta" id="opcNome" value="nome" />
Nome:<input type="text" name="buscaNome" id="buscaNome" value="" maxlength="65" /><br />
<input type="radio" name="opcBuscaConsulta" id="opcTelefone" value="telefone" />
DDD:<input type="text" name="buscaDdd" id="buscaDdd" value="" />
Número telefone:<input type="text" name="buscaNumero" id="buscaNumero" value="" />
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

wootzor    103

wootzor
Postado

Seria isto?

Coloca tudo dentro do mesmo evento DOM ready. Para alem disso, a sintaxe do método .attr é attr("nome", valor) ou .attr({nome: valor}), i. e., recebendo um objecto JavaScript como argumento.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rafael Lopes da Silva    2

Rafael Lopes da Silva
Postado

Obrigado amigo!

Era exatamente isso!

Desculpe-me por não ter respondido antes, pois estava de férias ... rsrsr e entrei hoje pra dar continuidade no projeto.

Excelente explicação. Vi os erros que cometi ....rsrsrr ... Um abraço ... O que precisar pode contar cmg ... :)

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