# FormBridge ステップフォームの戻るボタンを非表示にしたい

**URL:** <https://community.cybozu.dev/t/topic/8234>\
**Category:** kintone 開発相談\
**Created:** [2023 年 10 月 22 日午後 12:43 UTC](https://community.cybozu.dev/t/topic/8234 "2023-10-22T12:43:11Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![e.imaizumi](https://avatars.discourse-cdn.com/v4/letter/e/71e660/32.png) [@e.imaizumi](https://community.cybozu.dev/u/e.imaizumi)\
**Post date:** [2023 年 10 月 22 日午後 12:43 UTC](https://community.cybozu.dev/t/topic/8234/1 "2023-10-22T12:43:11Z")

</div>

FormBridgeでステップフォームを利用して、  
1ページ目に、テスト  
2ページ目で、その採点結果  
を表示したいと思っています。

JavaScriptでカスタママイズをして、  
採点結果を表示するところまではできたのですが、  
採点フォームに「戻る」ボタンがあるため、  
その採点結果をみて、テストページで回答を修正することができてしまいます。

テストは1回で採点したいので、「戻る」ボタンを表示しないようにしたいのですが、どのように実現できるかわかりません。  
・・・・  
ステップフォームでの次へボタンのクラス名は「fb-next」になります。  
JavaScriptのdocument.getElementsByClassName() 5などを用いて要素を取得し、表示非表示を切り替えると良いと思います。  
・・・  
というトピックは見つけて調べてみたのですが、  
JavaScript初心者で具体的なところがわかりません。

よろしくお願いします。

---

<div class="post-metadata">

**Author:** ![aaa](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/aaa/32/277_2.png) [@aaa](https://community.cybozu.dev/u/aaa)\
**Post date:** [2023 年 10 月 23 日午前 4:42 UTC](https://community.cybozu.dev/t/topic/8234/2 "2023-10-23T04:42:54Z")

</div>

> JavaScriptのdocument.getElementsByClassName() 5

の 5 がなにかわからなかったのですが、リンクをクリックされた回数が表示されているのをそのままコピーアンドペーストしたからですね。

> [@【フォームブリッジ】ボタンの表示・非表示](https://community.cybozu.dev/t/topic/5431/2):
>
> Odajiさん お世話になっております。 チェックボックスの選択肢にチェックを入れたらという判定は、fb.events.fields.{fieldCode}.changed イベントの中で実装すると良いと思います。 [https://formbridge.kintoneapp.com/help/customize](https://formbridge.kintoneapp.com/help/customize) ステップフォームでの次へボタンのクラス名は「fb-next」になります。 J…

答えが書いてありますね。  
具体的にどこでうまくいかないかを教えてほしいです。

ところで、  
どこまで厳密なテストかはわからないので  
質問者の状況によると思うのですが  
戻るボタンを消しても、  
ステップの途中でブラウザを閉じてしまえば  
もう一回できてしまうようにも思えます。

厳密にするのであれば、フォームを送信して  
記録に残しておく方法も検討してはいかがでしょうか？

---

<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:** [2023 年 10 月 26 日午前 4:42 UTC](https://community.cybozu.dev/t/topic/8234/3 "2023-10-26T04:42:58Z")

</div>

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