选中时按钮颜色更改

Question

我在一个HTML页面中有10个按钮。我想在选择按钮时使用JavaScript更改特定按钮（按钮1）的颜色。当用户点击另一个按钮（按钮2）时，该按钮的颜色应该改变，并且应该取消选择第一个选择的按钮（按钮1）。

Answer 1

您可以为所选按钮定义不同的CSS类。

.button-selected {
    border: 2px solid red;
}

然后，当单击一个按钮时，您可以调用这样的函数：

function focusMe(button) {
    document.getElementsByClassName("button-selected")[0].className = "";
    button.className = "button-selected";
}

将此添加到HTML

<button name="button1" onClick="focusMe(this);" />