使用jQuery，如果选择了单选按钮，则隐藏文本框 [英] Using jQuery, hide a textbox if a radio button is selected

问题描述

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

I have 2 radio buttons, what I want is if a user selects the top radio button then hide a textbox.

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

Not sure how to bind an event to a radio button.

推荐答案

这样的事情：

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

点击因为更改似乎无法在IE上正常工作。

click because change doesn't seem to work correctly on IE.

这篇关于使用jQuery，如果选择了单选按钮，则隐藏文本框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！