选择时按钮颜色更改

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);" />