вернуться к заявлению по умолчанию после выбора?

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

Вашего сброс никогда не вызываются при нажатии на новую кнопку, потому что это находится в «другой» части , Я бы это сделал (не проверял):

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