选中时按钮颜色更改 [英] Button color change when selected

问题描述

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

I have 10 buttons in one HTML page. I want to use JavaScript to change particular button (button 1) color when button is selected. When user click another button (button 2) the color of that button is should change and first selected button (button 1) should be deselected.

推荐答案

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

You can define a different CSS class for selected button.

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

然后当点击一个按钮时，你可以这样调用这个函数： / p>

Then when a button is clicked, you can call the function like this:

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

将此添加到HTML

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

这篇关于选中时按钮颜色更改的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！