单击时切换按钮的颜色（并在不取消选择页面上的所有按钮的情况下还原其他按钮的颜色）

Question

我有很多按钮分为不同的面板，当我在jquery中点击它时，我想改变按钮的颜色。我不能使用本讨论中的解决方案：Changing the Color of button on Click in bootstrap

$("button").click(function({$("button").removeClass("active");$(this).addClass("active");});

因为我必须为每个面板选择一个按钮，当我点击按钮时，它也会取消选择其他面板的那个按钮。

Answer 1

您的代码正在做什么

$("button").click(function({
  // this removes the "active" class from all buttons
  $("button").removeClass("active");
  $(this).addClass("active");
});

$("button")选择所有按钮。

建议：

这将＆＃34;选择＆＃34;点击的每个按钮

$("button").click(function({
  $(this).addClass("active");
});

如果您想要点击＆＃34;请选择＆＃34;按钮，然后再点击一下＆＃34;取消选择＆＃34;按钮

$("button").click(function({
  $(this).toggleClass("active");
});