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 1 year, 10 months ago.

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

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

    #99518
    Avatar
    Anonymous

    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

    • This reply was modified 1 year, 10 months ago by Avatar .
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.