# 【フォームブリッジ】ステップフォーム：条件に応じてステップ数を変える

**URL:** <https://community.cybozu.dev/t/topic/5364>\
**Category:** kintone 開発相談\
**Created:** [2021 年 10 月 13 日午前 1:53 UTC](https://community.cybozu.dev/t/topic/5364 "2021-10-13T01:53:58Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account2823](https://avatars.discourse-cdn.com/v4/letter/l/da6949/32.png) [@Legacy\_Account2823](https://community.cybozu.dev/u/Legacy_Account2823)\
**Post date:** [2021 年 10 月 13 日午前 1:53 UTC](https://community.cybozu.dev/t/topic/5364/1 "2021-10-13T01:53:58Z")

</div>

御世話になっております。

フォームブリッジでステップフォームを使用しておりますが、  
最初の質問でラジオボタンを設置しており、  
その回答次第では、ステップ1内のみで必要項目が完了します。

そうすると、条件分岐で質問を非表示にしているため、  
ステップ２以降が「戻る」「確認」ボタンのみで、  
回答者に不要な動作を行っていただくことになります。

ステップ１のみで済む場合、  
そのまま確認画面に進ませることは可能でしょうか。

宜しくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1740](https://avatars.discourse-cdn.com/v4/letter/l/ed8c4c/32.png) [@Legacy\_Account1740](https://community.cybozu.dev/u/Legacy_Account1740)\
**Post date:** [2021 年 10 月 18 日午前 6:13 UTC](https://community.cybozu.dev/t/topic/5364/2 "2021-10-18T06:13:34Z")

</div>

Tanaca.さん

お世話になっております。

ステップ2に進んだ際に、スキップ可能な条件であれば確認ボタンをclickするという処理を記述すると良いと思います。

fb.events.step.next イベントで処理を行うと良いと思います。  
[https://formbridge.kintoneapp.com/help/customize](https://formbridge.kintoneapp.com/help/customize)

.fb-confirmが確認ボタンのクラス名になるので、[document.getElementsByClassName()](https://developer.mozilla.org/ja/docs/Web/API/Document/getElementsByClassName)でDOMを取得し、[click()](https://developer.mozilla.org/ja/docs/Web/API/HTMLElement/click)メソッドを実行すると良いと思います。  
ただし、fb.events.step.next イベント発生時点では確認ボタンの生成が完了していないので、[MutationObserver](https://developer.mozilla.org/ja/docs/Web/API/MutationObserver/MutationObserver)を用いて確認ボタンの生成完了を待つと良いかと思います。

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2024 年 9 月 10 日午前 4:31 UTC](https://community.cybozu.dev/t/topic/5364/3 "2024-09-10T04:31:55Z")

</div>

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。
