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');
}

Answer 2

单击新按钮时，永远不会调用您的重置，因为它位于＆＃34; else＆＃34;部分。我会这样做（没有经过测试）：

$(".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');
}

选择后回到默认语句？

2 个答案: