このコンポーネントは、Google 広告、Google AdMob、AMP HTML 広告、動画広告、イメージ広告ではサポートされていません。
チェックボックス コンポーネントを使用すると、プロジェクトにチェックボックスを追加できます。チェックボックスはいくつでもオンにできます。
選択肢のグループから 1 つだけを選択できるようにしたい場合は、ラジオボタン コンポーネントを使用します。
プロジェクトでチェックボックス コンポーネントを使用する
- [コンポーネント] パネル、[UI] フォルダの順に開きます。
- チェックボックス コンポーネント
をステージにドラッグします。
- チェックボックスの横にテキストを表示するには、ラベル コンポーネントを使用することをおすすめします。
- チェックボックスのオン / オフの切り替えを検出するには、イベントを設定します。また、チェックボックスがオンになっている場合にのみ発生するカスタム アクションを作成することもできます。
カスタム アクションのコード例
var confirmation_checkbox = document.getElementById('checkbox_1');
if confirmation_checkbox.checked {
// チェックボックスがオンの場合にのみ操作を進めます。
...
}
プロパティ
| プロパティ | 説明 |
|---|---|
| 名前 | コンポーネント名。 |
| オン | このプロパティを選択すると、チェックボックスがデフォルトでオンになります。 |
| 値 | チェックボックスがオンになっている場合のそのチェックボックスの値。 |
イベントと操作
チェックボックス コンポーネントから送信されるイベント次のチェックボックス コンポーネントのイベントによって、その他の操作をトリガーできます。
| イベント | 説明 |
|---|---|
| 変更 | チェックボックスのオン / オフの操作が行われると送信されます。 |
[イベント] ダイアログでこのイベントを選択するには、チェックボックス コンポーネントをターゲットに設定します。
イベントを設定する方法をご確認ください。
プレビュー
Google Web Designer インターフェース内で UI コンポーネントを操作することはできません。コンポーネントの動作を確認するには、お使いのブラウザでドキュメントをプレビューします。UI コンポーネントの外観はブラウザによって異なる場合があります。
