- ベストアンサー
選択したラジオボタンが画面の中央にくるようにしたいのですが
ラジオボタンで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さん ありがとうございました。 わたしの質問の仕方が少し悪かったかもしれません。
関連するQ&A
- ラジオボタンの選択範囲について
ラジオボタンについて質問させて下さい。 アンケートなどでたまにラジオボタンの隣にある文字をクリックしても ボタンを選択できるものがありますが、あれはどうやったらできるのでしょうか？ ○りんご ○みかん ○バナナ とあるとするとラジオボタンの○の部分ではなくて、 「りんご」「みかん」「バナナ」をクリックしても選択できる、ということです。 普通にやると○の部分をクリックしないと選択できないので…。 分かりにくい説明文ですみません。 どなたかご存じでしたら教えて下さい。よろしくお願いします。
- ベストアンサー
- HTML
- ラジオボタンを使ったアンケート
初めて質問させていただきます。 ラジオボタンを使ったアンケートを作りたいと思っています。 形式としては問いに対して、 ・非常によくあてはまる ・よくあてはまる ・ややあてはまる ・あまりあてはまらない ・ほとんどあてはまらない ・まったくあてはまらない という６つの選択肢から選んでもらい、それぞれ５点～０点の得点を当てはめておきます。 問にはそれぞれ、下記のようにa,bという対になる質問があり、合計で５点になるような形でフォームを作りたいのです。 問１-a.あなたは人の意見があって初めて行動する。 問１-b.人のアドバイスなしに行動する。 例えば、上記の問題で、『問１-a』にたいしてややあてはまる（３点）を選んだ場合、自動的に『問１-b』のあまりあてはまらない（２点）の欄のラジオボタンにチェックがつくという仕組みを作りたいと考えています。逆に『問１-b』に答えた場合には、『問１-a』の対応する欄に自動的にチェックが入る形を作りたいと思います。 稚拙な説明で分かりづらいかも知れませんが、何卒ご回答くださいますようお願いいたします。
- ベストアンサー
- JavaScript
- ラジオボタンのリセット方法
現在フレームをつかって二分割しているんですが(A,Bとする) Bにラジオボタン選択画面にして ラジオボタンを選択してOKを押すと その処理をAで行い 新しい画面をAに出すと しています。 その際ラジオボタンを前に選択したものが 残ってしまい リセットしたいのですがどうしたらよいですか？
- 締切済み
- JavaScript
- ラジオボタンについて
こんにちは。 複数の項目についてアンケートを行うため、ラジオボタンでユーザに選択して もらおうとするため質問事項を何個か考えました。 年齢、都道府県、血液型、・・・etc ＨＴＭＬで記述すると年齢のラジオボタンの20代という項目をチェックし、 都道府県の北海道と選択すると以前選択した20代という項目のチェックが 消えてしまいます。 項目ごとにラジオボタンのグループ化ってできないのですか？
- ベストアンサー
- HTML
- ラジオボタン選択で「複数ラジオボタン」をアクティブにするには？
■下記サンプルソースのラジオボタンの「はい」を選択すると複数のラジオボタンがアクティブになるJavaScriptがわからず困っております。教えて頂けないでしょうか。 （ページ開いた際は「いいえ checked」で複数ラジオボタンはグレーで選択無効） 用途はアンケートフォームです。 可能であればシンプルなソースで「最新のWinIE、MacSafari」に対応していると非常に助かります。先輩方よろしくお願いします。 <form name="form2" method="post" action=""> <table> <tr> <td>■「はい」を選択すると、ラジオボタン（カテゴリー1～4）がアクティブになる。 </td> </tr> <tr> <td> <input name="radiobutton" type="radio" value="radiobutton">はい <input name="radiobutton" type="radio" value="radiobutton" checked>いいえ </td> </tr> <tr> <td> <input name="radiobutton" type="radio" value="radiobutton">カテゴリー1 <input name="radiobutton" type="radio" value="radiobutton">カテゴリー2 <input name="radiobutton" type="radio" value="radiobutton">カテゴリー3 <input name="radiobutton" type="radio" value="radiobutton">カテゴリー4 </td> </tr> </table> </form>
- ベストアンサー
- JavaScript
- ラジオボタンで選択
初めまして、015_dogiと申します。 ASP+SQLでWebの開発を始めたばかりでつまずいてしまいました。 商品一覧を表示している画面があるとして、その画面から ラジオボタンが押された商品名を取得したいのですが分かりますでしょうか？ 商品数は複数あるので、 Response.Write "<INPUT type='radio' name='sel' value='" & item & "' > をループさせておきます。 valueには選択された商品名を取得したいので変数(item)にしてみました。 その際のラジオボタンがTureになった値を取得するにはどのようにすれば良いでしょうか？ イメージは下記URLです。 http://catalog.khkgears.co.jp/khkweb/search/table.asp?4,default このような説明で分かりましたでしょうか？ 何卒ご協力ください。お願いします。
- ベストアンサー
- Microsoft ASP
- ラジオボタンが無反応・・・
選択式アンケートのあるサイトで、ラジオボタンのが反応しません。普通の文章は入力できるのですが、男・女などの選択の欄になるとラジオボタンが反応せずマークできません・・・。ちなみにサイトは「アメトーーク」の観覧募集です。昔は応募できたのですがどんなきっかけで出来なくなったのか、ＰＣに詳しくない私には万策尽きて困っています。 ちなみに今のところこのサイトだけで、他でラジオボタンの選択のときは可能だったようです。どうか方法が分かる方、ご指南ください。
- ベストアンサー
- その他([技術者向] コンピューター)
- ラジオボタンの様な選択方法
Webページを作成しているのですが、 画面にテーブルを表示して テーブルの中の一つ箇所を排他的に選択できるようにし、 実行ボタンを押すと選択に対応した処理を実行したいと考えています。 (4×6のテーブルならば、24箇所の中から一箇所を選択した後に実行するという形です) 全ての箇所にラジオボタンを配置するのも不恰好ですし、 選択箇所のみをスイッチの様に出来る方法は無いでしょうか？
- ベストアンサー
- HTML
- ラジオボタンのValueを受け取りたい
ある画面(formnn10.jsp)データベースから読込んだ抜粋データをテーブルに出力し、該当する情報を１件選択（パラメータ化）してsubmitボタンで次画面(formn11.jsp)へ送り、再度データベースを読み込み詳細の表示を行う処理を構築中です。 現在、選択はラジオボタンをループで作成し、valueでパラメータを与えています。 この値の一部をJavascriptで取り出し、ダイアログへ選択の確認メッセージとして表示したいのですが、'document.formnn10.parm_No.valueはNull又はオブジェクトではありません'とのエラーメッセージが表示されます。(parm_Noがラジオボタンのnameです。) デバッグを行わず、次画面formnn11に処理が移ると選択情報の詳細は表示される為、javascriptでの値の取り出し方が問題の様なのですが…。 formnn10.jspのテーブル表示部分のコーディングは次の通りです。 <% for(int j=0;ichiran2[j][0]!=null;j++){ out.println("<tr>") out.print(" <td align=\"center\">"); out.print("<INPUT type=\"radio\" name=\"parm_No\" value=\""+wkparm_No+"\>"); out.print("</td>") out.println("</tr>") javascript側のコーディングは次の通りです。 wkname = document.formnn10.parm_No.value.substring(8); こんな感じです。ここに未表示のファイル名他の不一致についてはとりあえず無さそうです(手打ちしているので誤打鍵御容赦) 現在はラジオボタン＋ｓｕｂｍｉｔの形式で選択していますが、現行の方法に固執する必要は無く変更可能です。 各行の横で対象指定を行い、Javascriptで値を拾い（ダイアログに表示出来）、formnn11.jspでparm_Noとして値を受取るにはどうすれば良いでしょうか。
- ベストアンサー
- JavaScript
お礼
musashinakaharaさん ありがとうございました。 うまくいきました。