チェックシートの事で質問させて頂きます。
ラジオボタンを使って診断結果を表示させたのですが、どう書けばいいのか迷っています。
内容は
Q1.あなたの好きな動物は?(◯はラジオボタンです)
◯犬 ◯猫 ◯鳥
Q2.あなたの好きな食べ物は?
◯ハンバーグ ◯グラタン ◯スパゲッティ
Q3.あなたの好きな色は?
◯赤 ◯青 ◯黄色
のような質問を出して、それぞれのラジオボタンのValueに数値を入れておいて
ボタンを押した時、Q1~Q3の合計点によって異なる結果を出したいと思っています。
このような診断チェックのプログラムをご存知の方がいたら
ぜひ教えて頂けないでしょうか。
よろしくお願いします。
No.1ベストアンサー
- 回答日時:
jQueryにはラジオボタンのセレクターが用意されているので
それを使うと簡単にラジオボタンだけ処理することができます。
$('input:radio')
すべてのラジオボタンの中からチェックされたものだけ得る場合は:checkedです。
$(':radio:checked')
または
$('input:radio').filter(':checked')
これをmapで処理してvalueを足せば合計点が計算できます。
var total = 0;
$(':radio:checked').map(function(){
total += Number(this.value);
});
診断ボタンを押した後に結果を表示するのなら、
上記の計算と結果の分岐・表示をボタンのクリックイベントで行います。
$('診断ボタン').click(function() {
//合計点の計算
//結果分岐・表示
});
http://jsfiddle.net/Tenderfeel/PFRCQ/
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ラジオボタンによるフォームの開閉を行いたい 3 2022/03/31 21:30
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- 糖尿病・高血圧・成人病 私は先日かかりつけ医に血液検査の結果 初期の糖尿病だと診断されました。 あれや、これは食べてはいけな 5 2023/01/05 20:44
- 新卒・第二新卒 就活での質問です。 最終面接で印鑑を持ってくるように連絡が入ったのですが、仮に内々定を頂けたとして書 2 2023/05/23 14:24
- その他(社会・学校・職場) チェックシートの注意事項について 1 2023/07/26 16:53
- 病院・検査 25歳女性です。 身長154.5cm 体重44.2kgです。 健康診断で肝臓の数値が引っかかりました 7 2022/07/24 14:07
- 生活習慣・嗜好品 健康診断結果が、今日来ました、 コレステロールLDLと、nomLHDLコレステロールの数値が少し高く 6 2022/09/09 21:22
- 糖尿病・高血圧・成人病 健康診断を受けたところ、血糖値(空腹時)が112で糖尿病の可能性があり、食事に気をつけて2ヶ月後に再 3 2023/04/08 19:53
- その他(プログラミング・Web制作) seleniumbasic chrome操作について 1 2023/03/29 15:40
- 医療保険 ガン保険の一時金について この度乳ガンの告知を受けました。 幸いガン保険に入っていたので先に一時金を 3 2023/04/05 09:59
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ラジオボタンにタブインデック...
-
ラジオボタンのチェックが外れ...
-
ラジオボタンによる有効なボタ...
-
Javascriptを使って動的にラジ...
-
Jvasvriptのlengthで個数が取得...
-
リセットボタンでクリアできな...
-
データベースの値を判断してラ...
-
ラジオボタンのリセット方法
-
nameにハイフンを入れてラジオ...
-
ラジオボタンの値でリンク先を...
-
ラジオボタンでdisabledとchecked
-
Selectボックスの幅を自動で広...
-
onchangeイベントを強制的に発...
-
ボタン2回押しを無効にしたい
-
<JavaScript>tableタグを入力不...
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
-
tableの任意行にfocusをあてる
-
javascriptでASPにデータを渡す
-
javascriptでhiddenに二次元配...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンにタブインデック...
-
データベースの値を判断してラ...
-
ラジオボタンのチェックが外れ...
-
ラジオボタンの値でリンク先を...
-
javascript作成してます。ラジ...
-
ラジオボタン未チェックの場合...
-
チェックされたラジオボタンに...
-
jQueryで複数のラジオボタンを処理
-
チェックボックスのON/OFFに連...
-
radio選択をクッキーに保存させ...
-
フォームPOST後「戻る」時のチ...
-
JavaScript ラジオボタン デ...
-
JavaScriptでラジオボタンのチ...
-
リセットボタンでクリアできな...
-
VBA IE ラジオボタンに...
-
ラジオボタンでdisabledとchecked
-
js radioボタンの「name」を多...
-
ラジオボタンのリセット方法
-
Javascriptを使って動的にラジ...
-
ラジオボタンで診断テストを作...
おすすめ情報