将选择标记的外观更改为单选按钮

Question

早上好，

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

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

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

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

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

我宁愿不使用XForms Select1 tags。

谢谢，

Answer 1

<select> + <option>对background-color + color的唯一标题是{{1}}和{{1}}。

实现目标的最简单方法可能是使用某种插件。要么就是这样，或者你可能会编写某种脚本来填充X量的单选按钮，并使用递增的名称在每个标记下使用类Y.

Answer 2

为什么需要按编号命名？如果名称/标签/属性是必需数据，为什么不能通过您拥有的属性标签来命名它们。

然后将没有间隙，因为您使用的是标签而不是数字。当然，这要求每个标签都是唯一的。但我不明白为什么有人想要添加两个名称完全相同的标签/属性，所以你可以对它进行验证。