選擇時按鈕顏色更改

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