javascript - 将选择标签的外观更改为单选按钮

Question

早上好

我有一个网页，您可以在其中对系统进行评分。

我创建了一个 javascript 来动态添加和删除要评估的新系统。问题是我必须手动更改单选按钮的名称，因此它们不会变成一个巨大的单选按钮。

添加新按钮时，只需将新单选按钮的名称从 radio-button-0 更改为 radio-button-1 即可。但是，删除时，我必须重命名所有元素，否则会有间隙(存在 radio-button-0 和 radio-button-2，但不存在 radio-button-1)。

另一方面，选择不必重命名。它们将被单独选择，我可以稍后轻松地检查它们作为数组的值。

我想知道是否有创建一个选择项的方法，但改变它的外观，使它看起来像一个单选按钮。或者，如果有任何简单的方法可以创建新的单选按钮而无需将它们组合在一起(也可以是 jQuery 方法)。

我宁愿不使用 XForms Select1 tags .

谢谢，

Answer 1

关于 a <select> 的唯一样式+ <option>是 background-color和 color .

完成你想要的最简单的方法可能是使用某种插件。要么，或者您可以编写某种脚本，用递增的名称填充 X 个单选按钮，以在每个标签下使用类 Y。