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

<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时显示“女性”单选按钮，但在页面加载时隐藏“男性”和“未知”单选按钮。如何隐藏和显示应用单选按钮

来源

2013-03-12 thedonlee

'value'是否总是相同 – 2013-03-12 16:25:07

你想隐藏单选按钮还是其旁边的文字？另外，如果你想隐藏东西，为什么你的jQuery代码引用'checked'？ – j08691 2013-03-12 16:27:58

输入标签不应该像那样打开和关闭。我知道你无法控制HTML，但有人应该知道他们做错了。 – Blazemonger 2013-03-12 16:29:30

尝试以下任一一个...

<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>

来源

2013-03-12 16:26:23 Archer

谢谢你的帮助。你的例子确实删除了非常酷的单选按钮。有没有办法针对innerHTML部分呢？ – thedonlee 2013-03-12 16:30:47

我还想隐藏单词'男'和'未知' – thedonlee 2013-03-12 16:32:32

不是你目前得到它的方式，因为你不能把文本放入'input'元素。它实际上是在浏览器中的元素之后呈现该文本。您需要将文字放在元素中才能隐藏它。 – Archer 2013-03-12 16:35:04

用什么：

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

来源

2013-03-12 16:27:50 Anujith

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

回答

相关问题