Ir para conteúdo

Arquivado

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

Foccos

Desabilitar Input de acordo com radiobutton selecionado

Recommended Posts

Estou com uma dúvida no Jquery para se fazer o seguinte, tenho um radiobutton com as opções SIM e NAO, quando eu selecionar SIM ele habilita o input A e B, deixando os inputs C e D desabilitados quando eu selecionar NAO ele desabilita os input A e B, e habilita os inputs C e D.

$(":radio").bind("click", function(){		
		           if($("radio:checked").val() == "SIM") {
			          $("#A").attr({readonly: false});// Habilita a edição
			          $("#B").attr({readonly: false});// Habilita a edição
			          $("#C").attr({readonly: true}); // Desabilita a edição
				  $("#D").attr({readonly: true}); // Desabilita a edição 
		           } 
			   else {
			          $("#A").attr({readonly: true}); // Desabilita a edição
				  $("#B").attr({readonly: true}); // Desabilita a edição
			          $("#C").attr({readonly: false}); // Habilita a edição
				  $("#D").attr({readonly: false}); // Habilita a edição
		           }
});	

E no Form:

<input name="checkbox" id="checkbox" type="radio" value="SIM" /> SIM<br />
<input name="checkbox" id="checkbox2" type="radio" value="NAO" />NAO

<input id="A" name="A" type="text" size="30">
<input id="B" name="B" type="text" size="30">
<input id="C" name="C" type="text" size="30">
<input id="D" name="D" type="text" size="30">

Compartilhar este post


Link para o post
Compartilhar em outros sites

Okay, e qual a dúvida ?

Mudei 2 coisas apenas para ficar mais claro o script:

$(":radio").bind("click", function(){
   if($(this).val() == "SIM") {
    $("#A, #B").attr({readonly: false});// Habilita a edição
    $("#C, #D").attr({readonly: true}); // Desabilita a edição
  } else {
    $("#A, #B").attr({readonly: true}); // Desabilita a edição
    $("#C, #D").attr({readonly: false}); // Habilita a edição
  }
});
testei aqui e funcionou corretamente.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Muito obrigado William, eu havia me esquecido dos : no radio, uma outra dúvida, se um dos campos fosse do tipo select, como faria pra desabilitar ela nesse contexto? Desde já muito obrigado pelo esclarecimento ...


Consegui resolver utilizando a propriedade disabled ... Obrigado ...

Compartilhar este post


Link para o post
Compartilhar em outros sites

A tag select não possui o atributo readonly. Apenas o disabled.

 

Seria a mesma coisa cara.

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.