Radio Button Group not single selecting

[Chris Reed]

I'm sure this is something simple, but I have a simple radio button group that Mode is set to "SelectionMode.Single".  However its not single-selecting.  Here is my code.  Any suggestions are appreciated.

    <SfButtonGroup name="exportGroup" Mode="SelectionMode.Single">
        <SfRadioButton Name="cbAsset" TChecked="string" Value="asset" Label="Assets" />
        <SfRadioButton Name="cbEverything" TChecked="string" value="everything" Label="Entire Database" />
    </SfButtonGroup>

[Janakiraman Sakthivel]

Hi Chris Reed, 

 

We have checked your reported requirements and we suspect that you need a single-selection type in Radio Button.  So, we suggest you use @bind-checked in your code, as in the below code example. 

 

Code Block: 

 

<SfRadioButton Name="cbAsset" TChecked="string" Value="asset" Label="Assets" @bind-Checked="stringChecked"/> 

<SfRadioButton Name="cbEverything" TChecked="string" Value="everything" Label="Entire Database" @bind-Checked="stringChecked"/> 

        <div>Select value: @stringChecked</div> 

@code { 

    private string stringChecked = "everything"; 

} 

 

 

For your convenience, we have prepared the sample based on our suggestion. Please find the link below. 

 

Sample Link: https://www.syncfusion.com/downloads/support/forum/169092/ze/RadioButton-436210476 

Demo Link: https://blazor.syncfusion.com/demos/buttons/radio-button 

 

Documentation Link: https://blazor.syncfusion.com/documentation/radio-button/how-to/radiobuttonfor 

 

And we noticed you have used the ButtonGroup component. For more details about ButtonGroup, we suggest you refer to the below links. 

 

Demo Link: https://blazor.syncfusion.com/demos/buttons/button-group 

 

Documentation Link: https://blazor.syncfusion.com/documentation/button-group/selection-and-nesting 

 

Could you please check the above links and get back to us if we misunderstood your requirement or if you need any further assistance on this? 

 

Regards, 

Janakiraman S.