仅选择一个单选按钮
仅选择一个单选按钮
提问于 2012-08-02 02:26:08
我写了下面的代码，它工作得很好，达到了它的目的，但我有两个问题。1.允许选择多个答案& 2.当没有选择答案时，不会出现错误消息。
<div id="p1" class="SlidingPanelsContent">
<div class="question">
<div class="label"><span class="number"><?=$question_id++; ?>.</span>
<? echo $question; ?>
</div>
<div class="answer" onmouseover="javascript:changeBgColor(event, '#B900A5');" onmouseout="javascript:restoreBgColor(event);" onclick="this.checked=true; ">
<input tabindex="-1" type="radio" name="<?php echo rand(); ?>" value="<?=$ans1; ?>" ><? echo $ans1; ?></div>
<div class="answer" onmouseover="javascript:changeBgColor(event, '#B900A5');" onmouseout="javascript:restoreBgColor(event);" onclick="this.checked=true;">
<input tabindex="-1" type="radio" name="<?php echo rand(); ?>" value="<?=$ans2; ?>" ><?=$ans2; ?></div>
<div class="answer" onmouseover="javascript:changeBgColor(event, '#B900A5');" onmouseout="javascript:restoreBgColor(event);" onclick="this.checked=true;">
<input tabindex="-1" type="radio" name="<?php echo rand(); ?>" value="<?=$ans3; ?>" ><?=$ans3; ?></div>
<div class="answer" onmouseover="javascript:changeBgColor(event, '#B900A5');" onmouseout="javascript:restoreBgColor(event);" onclick="this.checked=true;">
<input tabindex="-1" type="radio" name="<?php echo rand(); ?>" value="<?=$ans4; ?>" ><?=$ans4; ?></div>
</div>
</div>回答 3
Stack Overflow用户
回答已采纳
发布于 2012-08-02 02:27:11
如果您为单选按钮指定相同的名称，则只能选中一个，因为这是由浏览器强制执行的。如果你给它们起了不同的名字，就像你用rand()给它们起名字一样，那么它们都可以被检查，因为它们不会相互关联。
Stack Overflow用户
发布于 2012-08-02 02:28:56
您需要为单选按钮指定相同的名称，它们会形成一个组，并且您只能在一个组中选择一个。
Stack Overflow用户
发布于 2012-08-02 02:29:07
它允许选择多个答案
停止使用随机name属性。具有相同name的所有radio按钮都被视为同一组的一部分，并且浏览器只允许选择一个按钮。
未选择答案时，不会出现错误消息
您必须实现逻辑才能做到这一点。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11765286
复制相关文章
相似问题
腾讯云开发者
