DxRadio<TValue>.GroupValue Property

Specifies the value of the selected radio button.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public override TValue GroupValue { get; set; }

Property Value

Type	Description
TValue	The selected button’s value.

Remarks

You can combine radio groups into a group. A user can select only one button in the group at a time. Use the GroupValue property to specify the value of the selected radio button.

You can use the @bind attribute to bind the GroupValue property to a data field. Refer to Two-Way Data Binding. |

<div role="radiogroup">
    @foreach(var priorityLevel in PriorityLevels) {
        <DxRadio GroupName="priorities-radio-group"
                 @bind-GroupValue="@SelectedPriorityLevel"
                 Value="@priorityLevel">
            @priorityLevel
        </DxRadio>
    }
</div>

@code {
    string SelectedPriorityLevel { get; set; } = "normal";
    IEnumerable<string> PriorityLevels = new[] { "low", "normal", "urgent", "high" };
}

If you do not use two-way binding, you need to handle the GroupValueChanged event to respond the group value changes.

Run Demo: Radio - Overview