jquery włącz/wyłącz pole tekstowe na podstawie radiobuttonu

Question

Na mojej stronie (jsp) mam grupę radiobuttonów i pole tekstowe (które jest początkowo wyłączone).

• Gdy użytkownik kliknie na przycisk radiowy pole tekstowe powinny być włączone
• i gdy użytkownik kliknie na jakiś inny przycisk radiowy pole tekstowe należy ponownie uzyskać wyłączone.

Jestem w stanie włączyć pole wyboru początkowo wyłączone z poniższym kodem.

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

Moje pytania:

• Ale w jaki sposób można ponownie wyłączyć pole tekstowe?
• Czy istnieje prostsze rozwiązanie przy użyciu jQuery?

pozdrowienia

Answer 1

Zawsze wyłączaj go (dla każdej opcji), a następnie włączyć go ponownie, jeśli przycisk radiowy jest ten, który umożliwia pole tekstowe. O ile użytkownik nie jest na maszynie zbudowanej w 1980 roku, będzie tak szybki, że nigdy się nie dowie.

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

Alternatywnie, jeśli istnieje wiele przycisków radiowych, które pozwolą pole tekstowe:

$('input:radio').click(function() { 
 
    $("#otherDevText").prop("disabled",true); 
 
    if($(this).hasClass('enable_tb')) { 
 
     $("#otherDevText").prop("disabled",false); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<fieldset id="DevGroup_OTHER"> 
 
    <input type="radio" id="d1" name="r1" value="d1">dev1 <br /> 
 
    <input type="radio" id="d2" name="r1" value="d2">dev2 <br/> 
 
    <input type="radio" id="d3" name="r1" value="d3" class="enable_tb"> enable 
 
</fieldset> 
 
<br /> 
 
<input id="otherDevText" name="tb1" disabled="disabled" 
 
     value="some Textbox value" type="text">

sens?

Answer 2

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