aria-label 属性の値を取得または設定します。

Example

<igx-checkbox aria-label = "Checkbox1"></igx-checkbox>

let ariaLabel = this.checkbox.ariaLabel;

aria-labelledby 属性を取得または設定します。 設定されていない場合、aria-labelledby は labelId 属性の値と等しくなります。

Example

<igx-checkbox aria-labelledby = "Checkbox1"></igx-checkbox>

let ariaLabelledBy = this.checkbox.ariaLabelledBy;

チェックボックス状態が変更された後に 発生するイベント。IgxCheckboxComponent および checked プロパティへの参照を提供します。

チェックボックス コンポーネントのクラスを返します。

Example

let class = this.checkbox.cssClass;

リップル エフェクトを有効または無効にします。 設定しない場合、disableRipple は false です。

Example

<igx-checkbox [disableRipple] = "true"></igx-checkbox>

let isRippleDisabled = this.checkbox.desableRipple;

Checkbox は すべての css トランジションを無効に設定するかどうかを取得または設定します。 デフォルト値は false です。

Example

<igx-checkbox [disableTransitions]="true"></igx-checkbox>

let disableTransitions = this.checkbox.disableTransitions;

チェックボックス コンポーネントがフォーカスされるかどうかを取得または設定します。 デフォルト値は false です。

Example

this.checkbox.focused =  true;

let isFocused = this.checkbox.focused;

チェックボックス コンポーネントの id を取得または設定します。 設定されていない場合、id は "igx-checkbox-0" になります。

Example

<igx-checkbox id="my-first-checkbox"></igx-checkbox>

let checkboxId =  this.checkbox.id;

チェックボックスの不確定ビジュアル状態を取得または設定します。 デフォルト値は false です。

Example

<igx-checkbox [indeterminate] = "true"></igx-checkbox>

let isIndeterminate = this.checkbox.indeterminate;

label 要素の id を取得または設定します。 設定されない場合、最初のチェックボックス コンポーネントの label の id は "igx-checkbox-0-label" になります。

Example

<igx-checkbox labelId = "Label1"></igx-checkbox>

let labelId =  this.checkbox.labelId;

label の位置を取得または設定します 設定されていない場合、labelPosition は "after" です。

Example

<igx-checkbox labelPosition = "before"></igx-checkbox>

let labelPosition =  this.checkbox.labelPosition;

name 属性を取得または設定します。

Example

<igx-checkbox name = "Checkbox1"></igx-checkbox>

let name =  this.checkbox.name;

ネイティブ チェックボックス要素への参照を返します。

Example

let checkboxElement =  this.checkbox.checkboxElement;

ネイティブ ラベル要素への参照を返します。

@example
let labelElement =  this.checkbox.nativeLabel;

ラベル プレースホルダー要素への参照を返します。

@example
let labelPlaceholder =  this.checkbox.placeholderLabel;

チェックボックスが ReadOnly かどうかを取得または設定します。 デフォルト値は false です。

Example

<igx-checkbox [readonly]="true"></igx-checkbox>

let readonly = this.checkbox.readonly;

tabindex 属性の値を取得または設定します。

Example

<igx-checkbox [tabindex] = "1"></igx-checkbox>

let tabIndex =  this.checkbox.tabindex;

value 属性を取得または設定します。

Example

<igx-checkbox [value] = "'CheckboxValue'"></igx-checkbox>

let value =  this.checkbox.value;