如果选中单选按钮则显示文本框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/