使用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();
    }
});