お世話になります。以下のサンプルページのように、
https://kango-oshigoto.jp/lp/027aq/00/99/00/
必須項目を選択すると、自動的に（ページ内で）次のStepに行くような処理を実現したいと考えています。
エンジニアの判断では、サーバーとの通信が必要だということなのですが、JavaScriptなどでは実現できないものでしょうか。
もし可能な場合、参考になるサイト、またはサンプルコードなどをご教示いただけませんでしょうか。
何卒よろしくお願いいたします。
No.1
4973
2154
1000pt
jsFiddle にサンプルを置きました。
http://jsfiddle.net/a_kuma3/syc5xtha/embedded/result,js,html,css/
質問の文面からは、つまづきポイントがよく分からないので、勝手に想像して書くと、ポイントはふたつあると思います。
まず、タブ表示。
見た目は遷移しているわけですけれど、実際には全てのタブの HTML が展開されていて、そのうちのひとつだけを表示している、というふうになってます。
もうひとつは、条件を満たしたら、ってところでしょうか。
ラジオボタンやプルダウンリストボックスをクリックしたときのイベントは、デフォルトで上位のタグにも伝搬します。
その上位の要素の onclick イベントのハンドラで、クリックされた要素を調べて、内容が設定されたかどうかを保持しておきます。
クリックされるたびに、全体の内容が指定された要素の状態を調べて、表示すべきタブがどれか、という判定をして、そのタブを表示する、というような流れです。
1
1
2
1
22
21
返信が遅れまして大変失礼しました。
2019/12/17 17:00:12タブを使っていたとは盲点でした…。条件に関してもイメージに近いものでした。
サンプルコードまで書いていただき、誠にありがとうございます。実装に際し参考にさせていただきます。