有多个按钮,点击一个变色,点击另一个变色,原来的恢复颜色的方法

Posted 雨夜稻草

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了有多个按钮,点击一个变色,点击另一个变色,原来的恢复颜色的方法相关的知识,希望对你有一定的参考价值。

<a class="btn btn-default changChick" onclick="changChick(this)">高</a>

<a class="btn btn-default changChick" onclick="changChick(this)">中</a>

<a class="btn btn-default changChick" onclick="changChick(this)">低</a>

<script>

function changChick(target){
  $.each($(".changChick"), function() {
    $(this).removeClass("bg-light-blue");
  });
  $(target).addClass("bg-light-blue");
}

</script>

以上是关于有多个按钮,点击一个变色,点击另一个变色,原来的恢复颜色的方法的主要内容,如果未能解决你的问题,请参考以下文章

vue点击超链接后变色

点击按钮变色,松开按钮恢复原来的颜色

用jquery怎么实现点击一栏目实现栏目变色,再点击另一栏目也变色,但原来的变回原色

Android 点击ListView(或GridView)的一个item,使其里面textview变色,点击另一个这个恢复原来颜色

WPF如何让一个按钮在被点击的时候变色,然后点击其他按钮的时候变回初始颜色??用XMAL可以完成么?

怎么做效果Button啊 就是点击button 变色