RadioGroup

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"
                    },
                ]
            }
        }
     ]
});

Attributes of RadioGroup

You can provide the following attributes in the configuration object of a RadioGroup:

Attributes of RadioButton

You can provide the following attributes in the configuration object of a radio button:

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();

List of the control methods:

clear clears a value of a RadioGroup control
clearValidate clears validation of a RadioGroup control
disable disables a RadioGroup control on a page
enable enables a disabled RadioGroup control
focus sets focus to the radio button of the RadioGroup control by its id
getProperties returns an object with the available configuration attributes of the control
getValue returns the current value of a RadioGroup control
hide hides a RadioGroup control
isDisabled checks whether a RadioGroup control is disabled
isVisible checks whether a RadioGroup control is visible on the page
setProperties allows changing available configuration attributes of the control dynamically
setValue sets the value for a RadioGroup control
show shows a RadioGroup control on the page
validate validates a RadioGroup control

List of the control events:

afterChangeProperties fires after configuration attributes of the control have been changed dynamically
afterHide fires after a control is hidden
afterShow fires after a control is shown
afterValidate fires after the control value is validated
beforeChangeProperties fires before configuration attributes of the control are changed dynamically
beforeHide fires before a control is hidden
beforeShow fires before a control is shown
beforeValidate fires before the control value is validated
change fires on changing the value of a control
Back to top