Skip to main content


A control intended for creating groups of Radio buttons.

RadioGroup control

Related sample: Form. All DhxForm Inputs

Related sample: Form. Radio Buttons

Related sample: Form. Blocks

Adding RadioGroup#

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

var form = new dhx.Form("form_container", {     rows: [        {            id: "radiogroup",            name: "radiogroup",            type: "radioGroup",            required: true,            label: "Radio Group",            labelWidth: 140,            labelPosition: "left",            helpMessage: " Help information",            value: "1",            options: {                rows: [                    {                        type: "radioButton",                        text: "Select 1",                        value: "1",                    },                    {                        type: "radioButton",                        text: "Select 2",                        value: "2"                    },                ]            }        }     ]});

Properties of RadioGroup#

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

Properties of RadioButton#

View the full list of properties that you can provide in the configuration object of a RadioButton of the RadioGroup control.

Working with RadioGroup#

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

For example, you can get the value of the control:

var value = form.getItem("radiogroup").getValue();


Check the full list of methods of the RadioGroup control.


Check the full list of events of the RadioGroup control.