我有一组按钮。我需要单击的按钮在单击后保持突出显示。单击另一个按钮时，我需要最后突出显示的按钮返回到其原始状态，并且现在突出显示新单击的按钮等等。
<!DOCTYPE html>
<html>
<head>
<style>
#button1 {
width: 100px;
height: 50px;
float: left;
margin-right: 3px;
background-color: red;
}
#button2 {
width: 100px;
height: 50px;
float: left;
background-color: red;
}
#button1:hover {
background-color: yellow;
}
#button2:hover {
background-color: yellow;
}
</style>
</head>
<body>
<div id="button1"></div>
<div id="button2"></div>
</body>
</html>
最佳答案
这是一段简单的代码，它真的很简单，只是原生的 javscript，但是如果你检查下面的 fiddle ，你会发现它在工作
var toggle = function (e, old) {
e.className = "selected";
document.getElementById(old).className="";
};
不知道你到底想做什么你有多少个按钮，这将切换两个按钮，首先点击它变成蓝色，点击第二个首先回到红色，点击按钮变成蓝色等等。
您可以使用 css 来做到这一点，而不是使用单选按钮的 java 脚本，因为它们本质上是成组工作并且可以切换，为此您可以将标签样式设置为带有 css 的按钮，并将实际的切换隐藏在后面
关于javascript - 两个按钮，一个保持访问状态直到另一个被点击，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25313942/