Как сделать кнопку активной пока не нажмешь на др кнопку, JS?

Question

Как сделать кнопку активной пока не нажмешь на др кнопку, JS?

Ника Понкраченко Ученик (233), на голосовании 1 год назад

У меня есть список избранных городов в приложении погода, и мне нужно, чтобы нажимая на один город, он выделялся, а при нажатии на др город он переставал выделяться и выделяляля др город.

Answer 1

Есть класс active. При нажатии на кнопку он добавляется к ней, а у всех остальных кнопок убирается. Это самый простой способ для понимания. А вообще нужно через event.target делать, "элегантно" и кода меньше.

Answer 2

По суди это делается радиокнопкой, стилизованной через label под обычную кнопку, если надо.

 
(у всех кнопок группы должен быть одинаковый name, чтобы они друг от друга зависели)

Answer 3

radiobutton как раз для этого придумали - но они работают только если код правильно написан

Answer 4

Самый простой вариант использовать classList.toggle, привязанный сразу на все кнопки и проверяющий всего одно условие - чтобы кнопка, по которой кликнули, не имела класса.