- ベストアンサー
選択したラジオボタンが画面の中央にくるようにしたいのですが
ラジオボタンでYes・NO形式の35問のアンケートを作成しています。すべての表示が当然画面に入りきらないので スクロールバーを使用しなければならずとても使いづらいです。アンケートを分割すれば良いのでしょうが、訳がありできません。ラジオボタンを選択したとき常に画面の中央にくるようにしたいのですが・・・ ちなみにレイアウトを以下のようになってます 問1 yes○ no○ 問2 yes○ no○ 問3 yes○ no○ ・ ・ ・ よろしくお願いします。
- yousi
- お礼率85% (6/7)
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
<html> <head> <title>おためし</title> <SCRIPT language="JavaScript"> <!-- function rad(r){ location.href = "#name"+r; } //--> </SCRIPT> </head> <body> <form name="form_name"> <A NAME="name1"></A> 問1 ○○○○Yes<input type=radio name=Q1 onClick="rad(1)"> No<input type=radio name=Q1 onClick="rad(1)"><br> <A NAME="name2"></A> 問2 ○○○○Yes<input type=radio name=Q2 onClick="rad(2)"> No<input type=radio name=Q2 onClick="rad(2)"><br> 問3 ○○○○Yes<input type=radio name=Q3 onClick="rad(3)"> No<input type=radio name=Q3 onClick="rad(3)"><br> 問4 ○○○○Yes<input type=radio name=Q4 onClick="rad(4)"> No<input type=radio name=Q4 onClick="rad(4)"><br> 問5 ○○○○Yes<input type=radio name=Q5 onClick="rad(5)"> No<input type=radio name=Q5 onClick="rad(5)"><br> <A NAME="name6"></A> 問6 ○○○○Yes<input type=radio name=Q6 onClick="rad(6)"> No<input type=radio name=Q6 onClick="rad(6)"><br> 問7 ○○○○Yes<input type=radio name=Q7 onClick="rad(7)"> No<input type=radio name=Q7 onClick="rad(7)"><br> 問8 ○○○○Yes<input type=radio name=Q8 onClick="rad(8)"> No<input type=radio name=Q8 onClick="rad(8)"><br> </form> </body> </html> などはどうでしょうか？ 押した問が一番上にくるように移ります。 真ん中に表示したい場合は<A NAME="name6"></A> （６は質問番号）の位置を変えるとかでなんとかなるのでは？ 参考になれば幸いです。
その他の回答 (1)
- Mizyu
- ベストアンサー率41% (245/593)
テーブルを使って下記のようにやってみてはいかがでしょう？ ――――――――――――――――――――― ｜問1 ○○○○｜問2 ○○○○｜問3 ○○○○| ｜Yes◎ No○ ｜Yes◎ No○ ｜Yes◎ No○ | ――――――――――――――――――――― ｜問4 ○○○○｜問5 ○○○○｜問6 ○○○○| ｜Yes◎ No○ ｜Yes◎ No○ ｜Yes◎ No○ | ――――――――――――――――――――― ｜問7 ○○○○｜問8 ○○○○｜問9 ○○○○| ・ ・ ・ ｜問28○○○○｜問29○○○○｜問30○○○○| ｜Yes◎ No○ ｜Yes◎ No○ ｜Yes◎ No○ | ――――――――――――――――――――― [Cord] <TABLE BORDER = 1> <TR> <TD>問1 ○○○○<br>Yes<input type=radio name=Q1> No<input type=radio name=Q1></TD> <TD>問2 ○○○○<br>Yes<input type=radio name=Q2> No<input type=radio name=Q2></TD> <TD>問3 ○○○○<br>Yes<input type=radio name=Q3> No<input type=radio name=Q3></TD> </TR> ・ ・ ・ <TR> <TD>問28 ○○○○<br>Yes<input type=radio name=Q28> No<input type=radio name=Q28></TD> <TD>問29 ○○○○<br>Yes<input type=radio name=Q29> No<input type=radio name=Q29></TD> <TD>問30 ○○○○<br>Yes<input type=radio name=Q30> No<input type=radio name=Q30></TD> </TR> </TABLE>
お礼
Mizyuさん ありがとうございました。 わたしの質問の仕方が少し悪かったかもしれません。
お礼
musashinakaharaさん ありがとうございました。 うまくいきました。