Html CSS更改按钮图像点击

我有两个HTML图像按钮（都是灰色的），每当用户单击任何按钮时，我都必须将灰色图像更改为彩色图像（我有两个彩色图像），并使其他按钮变为灰色。所以用户可以知道活动按钮

---

如何在CSS中实现这一点？

我想您应该使用以下内容：

function buttonOnClick(){
$("#button2").css("background-color","Green");
}

<input type="button" onClick="buttonOnClick()">
<input type="button" id="button2">

函数按钮nonclick（）{
$（“#按钮2”）.css（“背景色”、“绿色”）；
}

我想您应该使用以下内容：

function buttonOnClick(){
$("#button2").css("background-color","Green");
}

<input type="button" onClick="buttonOnClick()">
<input type="button" id="button2">

函数按钮nonclick（）{
$（“#按钮2”）.css（“背景色”、“绿色”）；
}

将.button类（例如）添加到按钮，然后使用以下jQuery代码：

$( ".button" ).click(function() {
  $('.button' ).removeClass('active');
  $( this ).addClass('active');
});

<input type="button" class="button" id="button1" value="Button 1">
<input type="button" class="button" id="button2" value="Button 2">

$（“.button”）。单击（函数（）{
$（'.button'）.removeClass（'active'）；
$（this.addClass（'active'）；
});

然后使用CSS设置颜色。 您可以有任意多个按钮。查看下面的小提琴来检查它是如何工作的。

向按钮添加.button类（例如），然后使用以下jQuery代码：

$( ".button" ).click(function() {
  $('.button' ).removeClass('active');
  $( this ).addClass('active');
});

<input type="button" class="button" id="button1" value="Button 1">
<input type="button" class="button" id="button2" value="Button 2">

$（“.button”）。单击（函数（）{
$（'.button'）.removeClass（'active'）；
$（this.addClass（'active'）；
});

然后使用CSS设置颜色。

---

您可以有任意多个按钮。查看下面的提琴来检查它是如何工作的。

我认为你需要javascript和可选css来完成这项工作。你需要javascript来完成这项工作。我认为你需要javascript和可选css来完成这项工作。你需要javascript来完成这项工作。它比这更复杂，他/她想要两个类似于

单选输入的按钮。如果我有10个以上的按钮，我需要写10次吗？没错，vikkiOK，明白了。请参阅@Alfonso Jiménez Response，在我正确编辑代码以满足您的要求之前，他发布了它。比这更复杂的是，他/她需要两个按钮，它们的行为类似于
单选输入。如果我有10个以上的按钮，我需要写10次吗？没错，vikkiOK，明白了。请参阅@Alfonso Jiménez的答案，在我正确编辑代码以满足您的要求之前，他发布了该答案。