如何隱藏和顯示應用單選按鈕

<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

如何隱藏和顯示應用單選按鈕

回答

相關問題