javascript - 选择后回到默认语句？

Question

我有 4 个按钮，当用户单击它们时，我将更改它们的背景颜色。单击按钮时，我希望其他按钮恢复为原始背景颜色(黑色)。我已经让它在第一次选择时工作，但之后就不起作用了。

如何在每次单击按钮时恢复按钮的默认颜色？

if (data4 == a) {
    $(".button1").css('background-color', '#2EFE2E');
} else if (data4 == b) {
    $(".button2").css('background-color', '#088A08');
} else if (data4 == c) {
    $(".button3").css('background-color', '#088A08');
} else if (data4 == d) {
    $(".button4").css('background-color', '#088A08');
} else {
    $(".button1, .button2, .button3, .button4").css('background-color', 'black');
}

Answer 1

在将新颜色应用于所选按钮之前将它们全部恢复为默认颜色

$(".button1, .button2, .button3, .button4").css('background-color', 'black');
if (data4==a) {
  $(".button1").css('background-color', '#2EFE2E');
}else if(data4==b){
    $(".button2").css('background-color', '#088A08');
}else if(data4==c){
    $(".button3").css('background-color', '#088A08');
}else if(data4==d){
    $(".button4").css('background-color', '#088A08');
}