假设我有 2 组同名的单选按钮,每组 3 个。让我们将它们命名为“set1”和“set2”。
我想要做的是 1:当用户按下 CallFunction() 按钮时,所有单选按钮都会消失(或变得不可点击),2:只有未选择的选项文本(HTML 中单选的右侧)才会消失,而用户选中的选择仍然可见。
请帮忙,我开始认为如果没有大量的 getElementByIds 这是不可能的...
...或者我应该放弃同一页面的想法而只使用提交?
最佳答案
这个怎么样? 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', '');
});
关于javascript - 使未选中的单选按钮和关联的文本消失?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9620560/