jquery enable/disable text box based on radiobutton

Question

hi,

in my jsp i have a radiobutton group and a textbox (which is disabled initially) .

whenever user clicks on last(or, one of the) radio button the textbox should be enabled and when user clicks on some other radiobutton text box should again get disabled.

i am able to enable the initially disabled checkbox with the following code :

$("#DevGroup_OTHER").click(function(){
           $("#otherDevText").attr("disabled","");
          })

then how to do disable it again?

it could be a simpler one, but i am new to jquery hence searching around for a simpler one.

any help?

regards

Answer 1

$("#some_other_radiobutton").click(function(){
  $("#otherDevText").attr("disabled","disabled");
});

Answer 2

Always disable it (for every radio button), then re-enable it if the radio button is the one that enables the textbox. Unless the user is on a machine built in 1980, it will be so fast, not one will ever know.

$('radio').click(function() { 
    $("#otherDevText").attr("disabled","disabled");
    if($(this).attr('id') == 'enable_textbox') {
        $("#otherDevText").attr("disabled","");
    }
});

Alternatively, if there are multiple radio buttons that will enable the textbox:

$('radio').click(function() { 
    $("#otherDevText").attr("disabled","disabled");
    if($(this).hasClass('enable_textbox')) {
        $("#otherDevText").attr("disabled","");
    }
});

Make sense?