HTML Elements Forums Forms & Editors Buttons How to group radio buttons

This topic contains 1 reply, has 2 voices, and was last updated by Avatar Anonymous 2 years ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #99516

    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) ?


    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

    • This reply was modified 2 years ago by Avatar .
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.