MVC кнопки переключения

Question

В данный момент у меня есть группа кнопок, которые пользователи могут выбрать для фильтрации сетки.Проблема в том, что после нажатия одной из кнопок пользователь не знает текущий активный фильтр, который был применен.Так может кто-нибудь помочь мне выяснить, как заставить эти группы кнопок действовать как кнопки переключения (задача состоит в том, чтобы изменить цвет фона кнопки для активной кнопки)?

Обратите внимание, что это в MVC, и есть щелчоксобытие, связанное с каждой из кнопок, которая вызывает функцию javascript.

Answer 1

Вы не дали много подробностей о том, как вы связали события нажатия, но в вашем обработчике щелчков для кнопок вы могли бы сделать что-то вроде этого:

var button = document.getElementById("button");
button.onclick = function() {
    if (!this.style.backgroundColor) {
        this.style.backgroundColor = 'yellow';
    }
    else {
        this.style.backgroundColor = null;
    }
}

Есть и другие способы сделать это, если вы используете jQuery или другую инфраструктуру JS.

Answer 2

Если вы используете jquery UI, вы можете попробовать использовать плагин кнопки , настроенный как флажок