MVC切换按钮

Question

我目前有一组按钮，用户可以选择过滤网格。问题是，单击其中一个按钮后，用户不知道当前应用的活动过滤器。那么任何人都可以帮我弄清楚如何让这组按钮充当切换按钮（规格是改变活动按钮的按钮背景颜色）？

请注意这是在MVC中，并且有一个onclick事件绑定到每个调用javascript函数的按钮。

Answer 1

如果您使用jquery UI，可以尝试使用按钮插件configured as a checkbox

Answer 2

您没有详细说明如何连接点击事件，但在按钮的点击处理程序中，您可以执行以下操作：

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

如果你正在使用jQuery或其他JS框架，还有其他方法可以做到这一点。