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.