Hey there,
I've got a webpage where users can rate different systems.
I've written a JavaScript function to dynamically add and remove systems for evaluation. The only issue is that I have to manually change the radio button names to prevent them from merging into one large radio button.
It's simple to change the names of new radio buttons when adding them, like going from radio-button-0 to radio-button-1. However, when removing buttons, I have to rename all of them to avoid any gaps in the sequence (for example, having radio-button-0 and radio-button-2 but missing radio-button-1).
On the flip side, selects don't require renaming. They can be selected individually, and their values can be easily checked later as an array.
I'm curious if there's a way to create a select element but modify its appearance to look like a radio button. Alternatively, is there an easy method to add new radio buttons without them automatically grouping together (perhaps a jQuery solution)?
I'd prefer not to utilize XForms Select1 tags.
Thank you!