如果选中单选按钮，使用jQuery隐藏文本框

Question

我有2个单选按钮，我想要的是如果用户选择顶部单选按钮然后隐藏文本框。

不确定如何将事件绑定到单选按钮。

Answer 1

事情是这样的：

<input type="radio" name="foo" value="top" /> 
<input type="radio" name="foo" value="bottom" /> 

而在jQuery的：

$('input[name=foo]').click(function() { 
    if($(this).val() == "top") { 
     $('#textbox').hide(); 
    } else { 
     $('#textbox').show(); 
    } 
}); 

click因为change似乎并不在IE浏览器正常工作。

Answer 2

这将允许您将事件添加到选定的收音机，以防收音机的名称不同。

$('checkbox-selector').click(function() { 
    if ($(this).is(':checked')) { 
     $('textbox-selector').hide(); 
    } 
    else { 
     $('textbox-selector').show(); 
    } 
});