asp.net-mvc - MVC 切换按钮

Question

我现在有一组按钮，用户可以选择它们来过滤掉一个网格。问题是在单击其中一个按钮后，用户不知道当前应用的活动过滤器。那么谁能帮我弄清楚如何让这些按钮组充当切换按钮（规范是更改活动按钮的按钮背景颜色）？

请注意，这是在 MVC 中，并且有一个 onclick 事件绑定到每个调用 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，您可以尝试使用配置为复选框的按钮插件