单击时,引导按钮颜色更改切换

时间:2018-01-24 14:43:43

标签: javascript jquery twitter-bootstrap

我有一系列引导按钮,当每个按钮被选中时,它会在屏幕上过滤掉不同的数据,当前按钮在点击时会从蓝色变为黄色。我的问题是,我可以点击一个按钮,它会变黄,然后我可以点击另一个按钮,它也会在没有第一个按钮转回原始颜色的情况下大喊大叫。

$("#firstbutton").click(function() {
  //Some other code
  //below is code to change color
   $("#first").each(function () {
     $(this).toggleClass("btn-warning");
  });
});

$("#secondbutton").click(function() {
  //Some other code
  //below is code to change color
  $("#second").each(function () {
    $(this).toggleClass("btn-warning");
  });
});

HTML:

<button type="button" class="btn btn-primary" id="first">
<button type="button" class="btn btn-primary" id="second">

0 个答案:

没有答案