CheckboxGroup

A control that groups checkboxes.

Related sample: Form. Checkbox groups

Adding CheckboxGroup

You can add a CheckboxGroup control during form initialization:

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 CheckboxGroup configuration properties.

Properties of a Checkbox in CheckboxGroup

View the full list of configuration properties for a Checkbox in CheckboxGroup.

Working with CheckboxGroup

You can manage a CheckboxGroup control with the methods and events of the object that the getItem() method returns.

For example, you can hide the control:

form.getItem("checkboxGroup").hide();

Methods

Check the full list of CheckboxGroup methods.

Events

Check the full list of CheckboxGroup events.