需求:
按钮组之间切换时,选中的按钮背景变色,其他按钮显示原来的颜色
css代码:
.btnClass{width: 120px;border: 1px solid #eeeeee;color: black;background-color: white;}
.btnChoosedClass{color: white;background-color: #1E9FFF;
}
html代码
<button class="layui-btn btnClass btnChoosedClass" >全部报警</button>
<button class="layui-btn btnClass" >已认定线索</button>
<button class="layui-btn btnClass" >废弃线索</button>
<button class="layui-btn btnClass" >未查看线索</button>
js代码
$(".btnClass").unbind('click').bind('click',function(evt){var btnClassArr = document.getElementsByClassName('btnClass');for(var i=0;i<btnClassArr.length;i++){$(btnClassArr[i]).removeClass('btnChoosedClass');}$(evt.currentTarget).addClass('btnChoosedClass');
})