Radio Button single selection

[Belle Cruz]

I want a radio button single selection instead of group select

[Thaneegairaj Sankar]

Hi Belle Cruz, 

 

We can make the radioButton grouping by using the name property. We can be able achieve your requirement by assigning different name to the name property for all radio buttons. Please find the below code snippet, 

 

<div class="control-section"> 

    <div class="radio-control"> 

        <h4 class="row">Select a payment method</h4> 

        <div class="row"> 

            <SfRadioButton Label="Credit/Debit Card" Name="payment" Value="credit/debit" Checked="@checkedValue"></SfRadioButton> 

        </div> 

        <div class="row"> 

            <SfRadioButton Label="Net Banking" Name="payment1" Value="netbanking" Checked="@checkedValue"></SfRadioButton> 

        </div> 

        <div class="row"> 

            <SfRadioButton Label="Cash on Delivery" Name="payment2" Value="cashondelivery" Checked="@checkedValue"></SfRadioButton> 

        </div> 

        <div class="row"> 

            <SfRadioButton Label="Other Wallets" Name="payment3" Value="others" Checked="@checkedValue"></SfRadioButton> 

        </div> 

    </div> 

</div> 

 

 

Could you please check the above details and get back to us, if you need any further assistance on this. 

 

Regards, 

Thaneegairaj S