チェックボックス

「チェックボックス」ウィジェットでは、オプションを選択することができます。

• エクスペリエンスのユーザーに対して複数の選択肢を表示する場合。

• エクスペリエンスのユーザーに対してチェックリストを表示する場合。たとえば、サービス技術者が機械加工を行う前に実行しておく必要がある前提条件が複数存在する場合は、チェックボックスを使用して、サービス技術者が機械加工を行うためのすべての前提条件が満たされているかどうかを確認します。

• ユーザーに対して、有効と無効を切り替えることができる設定またはプロパティを表示する場合。

一般的なウィジェットのプロパティ、サービス、イベントのリストについては、共通のウィジェットプロパティ、サービス、イベントを参照してください。

イベント	JavaScript	説明
選択解除	deselected	チェックボックスをオフにしたときにトリガーされます。

使用時に必要な最小ステップ

外観

1. 「チェックボックス」ウィジェットをキャンバス上にドラッグアンドドロップします。この例では、キャンバスに 4 つのチェックボックスを追加しました。

2. 「ラベル」フィールドに、チェックボックスで表示するラベルまたはテキストを入力します。この例では、PTC 製品の名前を入力します。

CSS を使用して、ウィジェットのスタイルを設定できます。作成および適用できる CSS クラスの例を次に示します。

クラスに一意の名前を付けて、別のクラスや OOTB プロパティと競合しないようにすることをお勧めします。

CSS の例	外観
.ptc-checkbox { border-width: 1px; border-style: inset; font-size: 18px; font-family: Century Gothic; color: black; }

CSS クラスの実装の詳細については、アプリケーションのスタイルを参照してください。