Если переключатель установлен, отобразите текстовое поле Jquery.

Question

Привет, да, у меня есть вопрос с моими переключателями. У меня есть эти 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

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

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

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

Answer 3

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

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

});

Answer 4

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