![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
初めて質問させていただきます。
ラジオボタンを使ったアンケートを作りたいと思っています。
形式としては問いに対して、
・非常によくあてはまる
・よくあてはまる
・ややあてはまる
・あまりあてはまらない
・ほとんどあてはまらない
・まったくあてはまらない
という6つの選択肢から選んでもらい、それぞれ5点~0点の得点を当てはめておきます。
問にはそれぞれ、下記のようにa,bという対になる質問があり、合計で5点になるような形でフォームを作りたいのです。
問1-a.あなたは人の意見があって初めて行動する。
問1-b.人のアドバイスなしに行動する。
例えば、上記の問題で、『問1-a』にたいしてややあてはまる(3点)を選んだ場合、自動的に『問1-b』のあまりあてはまらない(2点)の欄のラジオボタンにチェックがつくという仕組みを作りたいと考えています。逆に『問1-b』に答えた場合には、『問1-a』の対応する欄に自動的にチェックが入る形を作りたいと思います。
稚拙な説明で分かりづらいかも知れませんが、何卒ご回答くださいますようお願いいたします。
No.3ベストアンサー
- 回答日時:
汎用性を考えるとたとえばこんな感じ。
<script language="javascript">
function set_another_radio(obj,name){
var objs=obj.form.elements[name];
for(var i=0;i<objs.length;i++){
if(objs[i].value== (5 - obj.value)){
objs[i].checked=true;
break;
}
}
}
</script>
<form>
問1-a.あなたは人の意見があって初めて行動する。<br />
<input type="radio" name="q1-a" id="q1-a-1" value="5" onClick="set_another_radio(this,'q1-b')" />
<label for="q1-a-1">非常によくあてはまる</label><br />
<input type="radio" name="q1-a" id="q1-a-2" value="4" onClick="set_another_radio(this,'q1-b')" />
<label for="q1-a-2">よくあてはまる</label><br />
<input type="radio" name="q1-a" id="q1-a-3" value="3" onClick="set_another_radio(this,'q1-b')" />
<label for="q1-a-3">ややあてはまる</label><br />
<input type="radio" name="q1-a" id="q1-a-4" value="2" onClick="set_another_radio(this,'q1-b')" />
<label for="q1-a-4">あまりあてはまらない</label><br />
<input type="radio" name="q1-a" id="q1-a-5" value="1" onClick="set_another_radio(this,'q1-b')" />
<label for="q1-a-5">ほとんどあてはまらない</label><br />
<input type="radio" name="q1-a" id="q1-a-6" value="0" onClick="set_another_radio(this,'q1-b')" />
<label for="q1-a-6">まったくあてはまらない</label><br />
問1-b.人のアドバイスなしに行動する。<br />
<input type="radio" name="q1-b" id="q1-b-1" value="5" onClick="set_another_radio(this,'q1-a')" />
<label for="q1-b-1">非常によくあてはまる</label><br />
<input type="radio" name="q1-b" id="q1-b-2" value="4" onClick="set_another_radio(this,'q1-a')" />
<label for="q1-b-2">よくあてはまる</label><br />
<input type="radio" name="q1-b" id="q1-b-3" value="3" onClick="set_another_radio(this,'q1-a')" />
<label for="q1-b-3">ややあてはまる</label><br />
<input type="radio" name="q1-b" id="q1-b-4" value="2" onClick="set_another_radio(this,'q1-a')" />
<label for="q1-b-4">あまりあてはまらない</label><br />
<input type="radio" name="q1-b" id="q1-b-5" value="1" onClick="set_another_radio(this,'q1-a')" />
<label for="q1-b-5">ほとんどあてはまらない</label><br />
<input type="radio" name="q1-b" id="q1-b-6" value="0" onClick="set_another_radio(this,'q1-a')" />
<label for="q1-b-6">まったくあてはまらない</label><br />
<input type="submit" value="送る">
</form>
早速ご回答いただきましてありがとうございます。
光が見えてきたような気がします!!
さっそく参考にさせていただきたいと思います。
No.2
- 回答日時:
なるほど。
結構手間だねそれをするには。で、送信はどういう風に考えてるの?
CGIそれともクライアント側?
作るのはまあ手間でもできなくはないけど、せっかく作って
そっちでメンテできるのかな?別のアンケートをやりたいと
きモディファイできないんじゃない?
また全部作って下さいじゃね。
それからこれをそっくりウェブ屋にもっていくと結構な金額で
やってくれる。でも、面倒は見てくれると思う。
丸投げ禁止だからね、ここは。
早速ありがとうございます。
最終的には占いサイトのように得点換算によって最終的にあなたはこういうタイプに属しますといった回答を表示するのみになりまして、その回答を私達側で集計する目的などはございませんので、メンテナンス等も特に必要としない作りきりの状態で考えております。
正直CGIやPerlと言ったものも理解しきれていないのが現状です。
ご指導ご鞭撻の程、よろしくお願いいたします。
No.1
- 回答日時:
それで、あなたは何を聞きたいの?
・全然わからないから、すべて教えて?
・どこかまでは作ったけど、途中でわからなくなったから、教えて?
・一応、作ってはみたものの、実行できないから、教えて?
何を聞きたいのですか?
説明不足で申し訳ございません。
基本的にサイト作りはDreamWeaverを使ってしかしたことが無い全くの素人なのですが、一ヶ月で上記の様なアンケートを完成させるように上長に言われておりまして、質問させていただいた次第でございます。
いろいろなサイトを回ってif~という構文などを使って試みたのですが、正直全くわからないので全て教えていただきたいのが現状です。
申し訳ございませんが、よろしくお願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(コンピューター・テクノロジー) Pythonについて a = [[a, [1,2,3,4,5],3], ....(50人ほど続く)] 3 2022/05/16 01:37
- その他(コンピューター・テクノロジー) いじめの問題を解決する方法を考えたのですが, 何か問題点があるか指摘してください. 4 2022/06/21 15:22
- その他(教育・科学・学問) 確率の問題 6 2022/07/27 12:00
- 中途・キャリア 至急。転職試験合否について。 ご覧頂きありがとうございます。 転職を試みている社会人2年目20歳の第 4 2023/01/07 21:56
- 日本語 自分の求める回答をしてもらえない原因は?(+教えてgooの使い方について) 16 2022/04/24 13:26
- JavaScript ラジオボタンによるフォームの開閉を行いたい 3 2022/03/31 21:30
- その他(プログラミング・Web制作) python コードについて(初学者です) 3 2023/07/20 14:44
- 高校 三次関数のグラフにつきまして 3 2022/05/15 11:14
- その他(データベース) 20万行あるデータを動かしたい 2 2023/06/13 15:21
- 日本語 [ 5-イ. 先生に本をもらった ] 11 2022/10/28 18:25
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
フォームPOST後「戻る」時のチ...
-
チェックされたラジオボタンに...
-
データベースの値を判断してラ...
-
js radioボタンの「name」を多...
-
EXCEL VBA:IEの操作であるラジ...
-
ラジオボタンで診断テストを作...
-
java script フォームのチェッ...
-
ラジオボタンのvalueとlabelの...
-
onchangeイベントを強制的に発...
-
Googleモバイル検索の検索結果...
-
return trueとreturn falseの用...
-
追加ボタンを押した際に ok ボ...
-
onclickが動作しない
-
jQuery セレクトボックスで選択...
-
value内に変数を入れたい
-
iframe内のformをサブミットす...
-
doPostBack 関数について
-
至急!GetElementById でtdの...
-
javascriptのちょっとした動作...
-
JavaScriptのfileオブジェクト...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンにタブインデック...
-
データベースの値を判断してラ...
-
ラジオボタンのチェックが外れ...
-
ラジオボタンの値でリンク先を...
-
javascript作成してます。ラジ...
-
Jvasvriptのlengthで個数が取得...
-
ラジオボタンのValueを受け取り...
-
チェックされたラジオボタンに...
-
ラジオボタンの分岐方法に関して
-
ラジオボタンのリセット方法
-
ラジオボタンでdisabledとchecked
-
フォームPOST後「戻る」時のチ...
-
ラジオボタンのチェック数に応...
-
アンダーバーのname値は取得で...
-
ラジオボタンを使って、検索ペ...
-
ラジオボタン未チェックの場合...
-
リセットボタンでクリアできな...
-
javascriptによる動的なリンク...
-
javascriptでのアラート表示
-
【診断テストの作り方】結果に...
おすすめ情報