只有選擇一個單選按鈕

Question

我寫了下面的代碼，它的工作原理和目的，但我有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> 

Answer 1

如果您給單選按鈕相同的名稱，那麼只有一個可以被檢查，因爲這是由瀏覽器強制執行的。如果你給他們不同的名字，就像你用rand()給他們的名字，那麼他們都可以被檢查，因爲他們不會相互關聯。

Answer 2

您需要爲單選按鈕指定相同的名稱，它們組成一個組，並且您將只能在組中選擇一個。

Answer 3

它允許多於1名回答使用隨機name屬性來選擇

停止。所有radio按鈕與name相同被認爲是同一組的一部分，瀏覽器將只允許選擇一個按鈕。

孤單的時候沒有答案選擇

您必須實現這樣做的邏輯沒有錯誤消息。