How to group radio buttons

[admin]

Hello,
I have a question related to Radio button element. How can i separate a the buttons in multiple groups? For example, if I have 6 buttons on the page how can i set the first three in one group ( lets say group “A”) and the rest to be in another group( group B) ?

[admin]

Hi hansT,
Smart radio buttons can be grouped via setting their groupName property. In your case 6 buttons in 2 separated groups can be initialized by the following code:

    <smart-radio-button group-name="groupA">Option 1(group A)</smart-radio-button>
    <smart-radio-button group-name="groupA">Option 2(group A)</smart-radio-button>
    <smart-radio-button group-name="groupA">Option 3(group A)</smart-radio-button>
    <smart-radio-button group-name="groupB">Option 1(group B)</smart-radio-button>
    <smart-radio-button group-name="groupB">Option 2(group B)</smart-radio-button>
    <smart-radio-button group-name="groupB">Option 3(group B)</smart-radio-button>

Best Regards,
Ivailo Ivanov
Smart HTML Elements Team
https://www.htmlelements.com

[Author]

Posts