チェックボックス入力でフィールドの表示・非表示を切り替える

チェックボックス入力でフィールドの表示・非表示を切り替える

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

要件

チェックボックスの値に基づいて項目を表示または非表示にする。

ユースケース

あるアイスクリーム店がオンラインで注文を受け付けています。利用者は、利用可能なフレーバーやトッピングなどの一覧から選択できます。
 
動作を確認する

手順

1. フォームを作成 し、次の詳細を設定します:
フォーム
フォームリンク名
項目タイプ
項目名
項目リンク名
Order One
Order_One
ドロップダウン
アイスクリームのフレーバー
Ice_Cream_Flavours
ドロップダウン
トッピング
Toppings
チェックボックス
追加のリクエストがあります
I_have_ one _more_request
ドロップダウン
パーソナライズ
Personalisation
名前
名前
名前
住所
住所
住所

2. ワークフローを作成 し、「 パーソナライズ 」項目を「 Order One 」フォームの読み込み時に非表示にします。
 
3. 次のコードを Deluge エディターに追加します:
  1. hide Personalisation;
4. 次に、「 パーソナライズ 」項目を、「 追加のリクエストがあります 」チェックボックスがオンになったときに表示するワークフローを作成します。
 
5. 次の Deluge コードをエディターに追加します:
  1. if(I_have_one_more_request == 'はい') {
  2. show Personalisation;
  3. }
  4. else
  5. {
  6. hide Personalisation;
  7. }

動作を確認する

注意点

  • 判定ボックス をチェックボックスの代わりに使用しても、同様の機能を実現できます。サンプルの Deluge コードは次のとおりです:
  1. if(Decision_Box) {
  2. 表示 Personalisation ;
  3. }
  4. else {
  5. 隠す Personalisation;
  6. }