必須項目を選択すると自動（強制）的に遷移する動きを、JavaScriptで実現できるのか
お世話になります。以下のサンプルページのように、
https://kango-oshigoto.jp/lp/027aq/00/99/00/
必須項目を選択すると、自動的に（ページ内で）次のStepに行くような処理を実現したいと考えています。
エンジニアの判断では、サーバーとの通信が必要だということなのですが、JavaScriptなどでは実現できないものでしょうか。
もし可能な場合、参考になるサイト、またはサンプルコードなどをご教示いただけませんでしょうか。
何卒よろしくお願いいたします。
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。
ログインして回答する
ベストアンサー
-
a-kuma3
満足1000pt
jsFiddle にサンプルを置きました。
http://jsfiddle.net/a_kuma3/syc5xtha/embedded/result,js,html,css/
質問の文面からは、つまづきポイントがよく分からないので、勝手に想像して書くと、ポイントはふたつあると思います。
まず、タブ表示。
見た目は遷移しているわけですけれど、実際には全てのタブの HTML が展開されていて、そのうちのひとつだけを表示している、というふうになってます。
もうひとつは、条件を満たしたら、ってところでしょうか。
ラジオボタンやプルダウンリストボックスをクリックしたときのイベントは、デフォルトで上位のタグにも伝搬します。
その上位の要素の onclick イベントのハンドラで、クリックされた要素を調べて、内容が設定されたかどうかを保持しておきます。
クリックされるたびに、全体の内容が指定された要素の状態を調べて、表示すべきタブがどれか、という判定をして、そのタブを表示する、というような流れです。 -
その他の回答
この質問へのコメント
質問の情報
- 登録日時
- 2019-12-10 09:27:26
- 終了日時
- 2019-12-17 09:30:06
- 回答条件
- 1人1回まで 13歳以上
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
同じ質問をあちこちのQ＆Aサイトに同時に投稿するのは前のはてな人力検索の禁止事項だったように記憶してい…
匿名質問者
1
1
-
給料が低いことで生活が豊かにできず、貯金もたまらず鬱々として仕事のモチベーションも低下、ストレスチェ…匿名質問者11
-
学校で最後の図工だったので紙コップで好きなのをグループで作る的な活動があったのですが、クラスで意地悪…匿名質問者1
-
インターネットを見ていると、変に右傾化したり左傾化する。 そういうことを避けたいのですが、一般的に誰…
そさん21
-
エクセルで、外部ソフトから出力された数値がシートのA3に足されて行くのですが、エクセル内のみで足されて…
ctanbo