使未選中的單選按鈕和關聯的文本消失？

Question

假設我有兩組3個單選按鈕，名稱相同。讓我們將它們命名爲「set1」和「set2」。我想要做的事情是1：當用戶按下我的CallFunction（）按鈕時，所有的單選按鈕將消失（或變得不可點擊），2：只有未選定的選項文本（HTML中的收音機右側）將消失用戶的選中選項仍然可見。

請幫幫忙，我開始認爲這是不可能沒有getElementByIds的荒謬金額...

...或者我應該放棄在同一頁上的想法，只是用提交？

Answer 1

這個怎麼樣？ http://jsfiddle.net/yyACY/

HTML

<input type="button" id="butt" value="CallFunction() :P" /> 
<div id="rads"> 
    <input type="radio" class="rad" name="set1" value="1" /><span class="set1">1</span><br /> 
    <input type="radio" class="rad" name="set1" value="2" /><span class="set1">2</span><br /> 
    <input type="radio" class="rad" name="set1" value="3" /><span class="set1">3</span><br /><br /> 
    <input type="radio" class="rad" name="set2" value="1" /><span class="set2">1</span><br /> 
    <input type="radio" class="rad" name="set2" value="2" /><span class="set2">2</span><br /> 
    <input type="radio" class="rad" name="set2" value="3" /><span class="set2">3</span><br /><br /> 
</div> 

使用Javascript（jQuery的）

$("#butt").click(function(){ 
    $("#rads").css('display', 'none'); 
}); 

$(".rad").click(function(){ 
    var spans = "." + $(this).attr("name"); 
    $(spans).css('display', 'none'); 
    $(this).next().css('display', ''); 
});