javascript - 选择时按钮颜色变化

Question

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

score 0 · Accepted Answer

您可以为所选按钮定义不同的 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);" />

1 回答 1