使未选中的单选按钮和关联的文本消失

Make unchecked Radio buttons and associated Text disappear?

本文关键字：关联 文本 消失 单选按钮      更新时间：2023-09-26

假设我有两组3个同名单选按钮。让我们将它们命名为"set1"answers"set2"。

我想做的是1:当用户按下我的CallFunction（）按钮时，所有单选按钮都将消失（或变得不可点击）；2:只有未选择的选项文本（HTML中单选框的右侧）将消失，而用户选中的选项仍然可见。

请帮忙，我开始认为如果没有大量的getElementByIds，这是不可能的。。。

还是我应该放弃同一页面的想法，只使用Submit？

这个怎么样？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', '');
});
相关文章：