只有选择一个单选按钮

问题描述：

我写了下面的代码，它的工作原理和目的，但我有2个问题。 1.允许选择多个答案& 2.当没有答案被选择时，theres没有错误信息。只有选择一个单选按钮

<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>

使单选按钮属于同一组（即，只允许选择一个），方法是给它们指定相同的名称。 – Palladium 2012-08-01 18:28:14

答

如果您给单选按钮相同的名称，那么只有一个可以被检查，因为这是由浏览器强制执行的。如果你给他们不同的名字，就像你用rand()给他们的名字，那么他们都可以被检查，因为他们不会相互关联。

答

您需要为单选按钮指定相同的名称，它们组成一个组，并且您将只能在组中选择一个。

答

它允许多于1名回答使用随机name属性来选择

停止。所有radio按钮与name相同被认为是同一组的一部分，浏览器将只允许选择一个按钮。

孤单的时候没有答案选择

您必须实现这样做的逻辑没有错误消息。

只有选择一个单选按钮

相关推荐