Desabilitar Input de acordo com radiobutton selecionado
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">Discussão (3)
Carregando comentários...