CheckBoxList (Angular)
This guide demonstrates how to use the CheckBoxList component.
CheckBoxList Properties
| Name | Type | Default | Description |
|---|---|---|---|
| Name | string | ‘checkboxlist’ + index suffix | Unique name of the CheckBoxList. |
| Options | array | null | CheckBoxList options. |
| Value | string | null | CheckBoxList value. |
| Orientation | string | ‘horizontal’ | ‘horizontal’ or ‘vertical’. |
| Disabled | boolean/expression | false | Is CheckBoxList disabled. |
| Visible | boolean/expression | true | Is CheckBoxList visible. |
CheckBoxList Events
| Name | Type | Default | Description |
|---|---|---|---|
| Change | event | null | Change event of the CheckBoxList. Selected value(s) as event argument. |
For more info about event actions please visit event actions in our documentation.
Angular declaration
<rz-checkboxlist #checkboxlist0 [(ngModel)]="selectedOptions" name="checkboxlist0" (change)="checkboxlist0Change($event)">
<rz-checkboxlist-option text="Option 1" value="1">
</rz-checkboxlist-option>
<rz-checkboxlist-option text="Option 2" value="2">
</rz-checkboxlist-option>
<rz-checkboxlist-option text="Option 3" value="3">
</rz-checkboxlist-option>
</rz-checkboxlist>