Checkbox Element
The CheckboxElement
class aids in creating checkbox input elements in a user interface.
Constructor
Name | Type | Description |
---|---|---|
elementId | string | This property in constructor accepts the Id for the element |
label | string | This property in constructor accepts the label for checkbox |
options | Array<OptionElement> | This property in constructor accepts options for checkbox |
Class Usage
Here's how to create an instance of the CheckboxElement
class:
- Typescript
let option1 = new OptionElement("Option 1", "1");
let option2 = new OptionElement("Option 2", "2");
let optionsList = [option1, option2];
let checkboxElement = new CheckboxElement("1", "Choose options", optionsList);
In this example, a new instance of CheckboxElement
is created with an elementId "1", a label "Choose options", and a list of two options.
Key Properties and Methods
Default Value of the Input Element
The setDefaultValue()
method sets the default value(s) in the checkbox input, while the getDefaultValue()
retrieves it.
For example:
- Typescript
checkboxElement.setDefaultValue(["1", "2"]);
Example
Here is an example that showcases the creation and manipulation of an instance of CheckboxElement
:
- Typescript
// Create some options
let option1 = new OptionElement("Option 1", "1");
let option2 = new OptionElement("Option 2", "2");
let optionsList = [option1, option2];
// Create a new instance of CheckboxElement
let checkboxElement = new CheckboxElement("1", "Choose options", optionsList);
// Set and get the default value
checkboxElement.setDefaultValue(["1", "2"]);