Если кнопка радио проверить дисплей текстового поля Jquery

Question

Эй Ya'll У меня вопрос с моими радиокнопками у меня есть эти 3 кнопок

No <input type="radio" name="answer" checked="checked" value="no"/> 
Yes<input type="radio" name="answer" value="yes"/> 
Other <input type="radio" name="answer" value="other"/> 

У меня также есть это текстовое поле

<input style="display:none;" type="text" name="otherAnswer" id="otherAnswer"/> 

если пользователь выбирает радиокнопку со значением «other», тогда отображает текстовое поле, если его что-либо еще не отображает текстовое поле.

Я довольно новичок в JQuery, и я нашел синтаксис для этого, но все это греческий для меня. Если кто-то может указать мне в правильном направлении, это было бы потрясающе!

Answer 1

$("input[type='radio']").change(function(){ 

    if($(this).val()=="other") 
    { 
     $("#otherAnswer").show(); 
    } 
    else 
    { 
     $("#otherAnswer").hide(); 
    } 

}); 

Вот рабочий пример: http://jsfiddle.net/Wc2GS/8/

Answer 2

$(":radio").on('click',function(){ 

if ($(this).is(":checked") && $(this).val()=='other')) $('#otherAnswer').show(); else $('#otherAnswer').hide(); 

}); 

Answer 3

$('input[name=answer]').change(function(){ 
    if(this.value) == 'yes'{ 
     $('#otherAnswer').show(); 
    }else{ 
     $('#otherAnswer').hide(); 
    } 
}) 

Answer 4

Я думаю, что это более эффективно.

$("input[name='answer']").change(function(){ 

    if($(this).val() == "yes") 
    { 
     $("#otherAnswer").show(); 
    }else{ 
     $("#otherAnswer").hide(); 
    } 
});