Skip to main content
All docs
V25.1
  • DxRadio<TValue>.GroupValue Property

    Specifies the value of the selected radio button.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.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" };
    }
    

    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