如何隐藏和显示应用单选按钮

时间:2013-03-12 16:23:34

标签: javascript jquery forms

<input type="radio" name="sex" value="Male">Male</input>
<input type="radio" name="sex" value="Female">Female</input>
<input type="radio" name="sex" value="Unknown">Unknown</input>

<script>
$('input:radio[name=sex]')[1].checked = true;
</script>

这是我必须使用的所有代码。我无法操纵输入单选按钮,因为这些按钮由第三方系统提供。我需要知道的是如何编写jQuery来显示“女性”单选按钮,但在页面加载时隐藏“男性”和“未知”单选按钮。

2 个答案:

答案 0 :(得分:2)

使用:

$(function() {
  $('input:radio[name=sex]:not([value=Female])').hide();
});

答案 1 :(得分:0)

尝试其中一个......

<script>
    $(function() {
        $('input:radio[value=Male]').hide();
        $('input:radio[value=Unknown]').hide();
    });
</script>

它们都是一样的 - 它只取决于你喜欢看什么

<script>
    $(function() {
        $('input:radio[value=Male], input:radio[value=Unknown]').hide();
    });
</script>