質問の選択肢をランダム表示したいです。

締切済

質問者：partiy
質問日時：2009/05/27 00:06
回答数：2件

4つの選択肢の中から一つを選ばせて、その結果を集計して、結果によって違うページに飛ぶスクリプトを作っています。

その中で4つの選択肢をランダムに表示させる方法がわかりません。

Q1赤青緑黄,Q2赤青緑黄,Q3赤青緑黄… Q5赤青緑黄と現在なっていますが、
Q1緑黄赤青,Q2赤緑黄青,Q3青緑赤黄… Q5赤青緑黄という感じにしてもちゃんと集計してくれるようにしたいです。
以下のプログラムまでできています。アドバイスお願いします。
<title>好きな色</title>
<script type="text/javascript">
</script>
</head>
<body>
<center>
<form name="test">
<p>

<table border="1">
<tr>
<td>
Q1
</td>

<td>Yes</td>
<td>No</td></tr>
<br>

<td><label>赤</label></td>
<td><input type="radio" name="q1" value="1" /></td>
<td><input type="radio" name="q2" value="2" /></td></tr>

<td><label>青</label></td>
<td><input type="radio" name="q1" value="3" /></td>
<td><input type="radio" name="q2" value="4" /></td></tr>

<td><label>緑</label></td>
<td><input type="radio" name="q1" value="5"/></td>
<td><input type="radio" name="q2" value="6"/></td></tr>

<td><label>黄</label></td>
<td><input type="radio" name="q1" value="7"/></td>
<td><input type="radio" name="q2" value="8"/></td></tr>

</table>

<table border="1">
<tr>
<td>
Q2
</td>

<td>Yes</td>
<td>No</td></tr>
<br>

<td><label>赤</label></td>
<td><input type="radio" name="q3" value="1"/></td>
<td><input type="radio" name="q4" value="2"/></td></tr>

<td><label>青</label></td>
<td><input type="radio" name="q3" value="3" /></td>
<td><input type="radio" name="q4" value="4" /></td></tr>

<td><label>緑</label></td>
<td><input type="radio" name="q3" value="5"/></td>
<td><input type="radio" name="q4" value="6"/></td></tr>

<td><label>黄</label></td>
<td><input type="radio" name="q3" value="7"/></td>
<td><input type="radio" name="q4" value="8"/></td></tr>

</table>

<input type="button" value="採点" onclick="count(this.form)">
</form>
</center>
</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

最新から表示
回答順に表示

No.1

回答者： babu_baboo
回答日時：2009/05/27 08:56

おは。

そのまえに、てーぶるのなりたちが、へんだじょ！
<br>がへんなとこにあったり、
<tr>がないのに</tr>はあったりと・・・
</tr>をはぶくならみたことあるけど。
ばぶぅ～。

そうそう。
かいとうが、おなじいろで YesとNoでも　いいんだよね！　ばぶ。

- 0
- 件

通報する

No.2

回答者： babu_baboo
回答日時：2009/05/27 09:15

もし、てーぶるが、こんなだったら。

<table border="1" id="TQ1" summary="問題１">
　<tr>
　　<th>Q1</th>
　　<th>Yes</th>
　　<th>No</th>
　</tr>
　<tr>
　　<td><label>1赤</label></td>
　　<td><input type="radio" name="q1" value="1" /></td>
　　<td><input type="radio" name="q2" value="2" /></td>
　</tr>
　　<td><label>2青</label></td>
　　<td><input type="radio" name="q1" value="3" /></td>
　　<td><input type="radio" name="q2" value="4" /></td>
　</tr>
　<tr>
　　<td><label>3緑</label></td>
　　<td><input type="radio" name="q1" value="5"/></td>
　　<td><input type="radio" name="q2" value="6"/></td>
　</tr>
　<tr>
　　<td><label>4黄</label></td>
　　<td><input type="radio" name="q1" value="7"/></td>
　　<td><input type="radio" name="q2" value="8"/></td>
　</tr>
</table>

ならびかえるのは、
function test(id) {
　var i = 0, o;
　var tbody = document.getElementById(id).getElementsByTagName('tbody')[0];
　while (o = tbody.childNodes[i]) if (3 == o.nodeType) tbody.removeChild(o); else i++;
　while (--i) tbody.appendChild(tbody.childNodes[1+Math.random()*i|0]);
}
かもしれないじょ。
つかいかたは、
test('TQ1');
なかんじ。
ばぶぅ～