Skip to main content

CheckboxGroup

A control intended for creating groups of checkboxes.

CheckboxGroup control

Related sample: Form. Checkbox groups

Adding CheckboxGroup​

You can easily add a CheckboxGroup control during initialization of a form:

const form = new dhx.Form("form_container", { 
    rows: [
        {
            id: "checkboxGroup",
            type: "checkboxGroup",
            name: "checkboxGroup",
            required: true,
            label: "Checkbox Group",
            labelWidth: 140,
            labelPosition: "left",
            helpMessage: "Help information",
            padding: "50px",
            value: {
                first: true,
            },
            options: {
                padding: "50px",
                rows: [
                    {
                        id: "first",
                        type: "checkbox",
                        text: "Select 1",
                    },
                    {
                        id: "second",
                        type: "checkbox",
                        text: "Select 2",
                        checked: true
                    }
                ]
            }
        }
     ]
});

Properties of CheckboxGroup​

View the full list of configuration properties of the CheckboxGroup control.

Properties of Checkbox of CheckboxGroup control​

Check the full list of configuration properties of a Checkbox of the CheckboxGroup control.

Working with CheckboxGroup​

You can manipulate a CheckboxGroup control by using methods or events of the object returned by the getItem() method.

For example, you can hide a control on a page:

const value = form.getItem("CheckboxGroup").hide();

Methods​

Check the full list of methods of the CheckboxGroup control.

Events​

Check the full list of events of the CheckboxGroup control.