Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxRadio<TValue>.GroupValue Property

Specifies the value of the selected radio button.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[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. |

Razor
<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" };
}

Radio - Simple Group

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

See Also