1

私は以下のコードを書きました、そしてそれはうまく働きそしてその目的を果たします、しかし私は２つの問題を抱えています。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>
4

3 に答える 3

6

ラジオボタンに同じ名前を付けると、ブラウザによって強制されるため、チェックできるのは1つだけです。名前を付けるために使用しているように、異なる名前をrand()付けると、相互に関連付けられないため、すべてをチェックできます。

于 2012-08-01T18:27:10.700 に答える
0

ラジオボタンに同じ名前を付ける必要があります。これらはグループを形成し、グループ内で1つだけを選択できます。

于 2012-08-01T18:28:56.390 に答える
0

複数の回答を選択できます

nameランダムな属性の使用を停止します。radio同じボタンはすべてname同じグループの一部と見なされ、ブラウザは1つだけを選択できます。

回答が選択されていない場合、エラーメッセージは表示されません

そのためのロジックを実装する必要があります。

于 2012-08-01T18:29:07.183 に答える