Javascript 有没有办法只允许选择一组按钮中的一个？

我想我正在尝试制作单选按钮，除了HTML/Cordova中的实际按钮

我的应用程序将有几个问题和按钮下面的答案。当用户按下某个问题的按钮时，我希望它高亮显示该按钮，以指示该按钮已锁定，并取消高亮显示该问题之前的任何答案（同时不影响其他问题的任何按钮）

---

有没有一种有效的方法可以做到这一点？带图像的水平对齐单选按钮是最好的方式吗？或者是否有一些标准的方法可以通过简单的HTML按钮来实现这一点？

您可以使用

标签
标记来实现这一点

例如：

HTML:

在这里演奏小提琴：

您可以在标签上设置任何背景图像和属性，使其看起来像您想要的样子。
单选按钮就是这样做的！如果您正在使用此选项：


否则，如果你这样做

<input type="radio" name="male" value="male"/><input type="radio" name="female" value="female" />



它们不匹配，两者都将被检查

不，垂直的会更好！另外，如果你想给他们看一些图片，这是一个更好的主意
 多谢各位。这正是我想要的。唯一的问题是，我想创建一个可以由Javascript动态复制的模板，因为问题也可以动态更改。如果我将其复制为模板，重复的ID将使其中断。有办法做到这一点吗？或者我应该每次更改标签的输入和for的ID吗？另外，如果我在标签中放置文本，是否可以将其垂直对齐到框的中心？文本对齐只是水平对齐。你问了很多问题！是的，你需要唯一的ID才能工作。您只能将标签与使用唯一ID的输入配对。如果您仍然使用javascript，您可能可以添加一些脚本来为您创建fors和ID。至于垂直对齐，有几种方法。第一种方法是线条高度。例如，如果标签的高度为：60px，则在标签上也设置行高：60px。否则，您可以使用绝对定位（需要稍微复杂一些的代码）。看看这个例子：非常感谢。现在我终于可以开始了！
label { 
    display: inline-block;
    width:30px; height:30px;
    margin: 0 20px;
    background-color: red; }

input { display: none; }

input:checked + label { background-color: green; }

<input type="radio" name="male" value="male"/><input type="radio" name="female" value="female" />