设置bootstrap按钮组选中状态
使⽤bootstrap(V3.3.7)按钮组（btn-group）时，很多时候我们需要按钮组在显⽰的时候，预先设置⼀个按钮处于选中状态。
bootstrap 5
<div class="text-right" >
排序：<span class="btn-group btn-group-sm" role="group" id="orderBtnGroup">
<button class="btn btn-default" onclick="showAccessList('createDate')">时间</button>
<button class="btn btn-default" onclick="showAccessList('readCount')">阅读</button>
<button class="btn btn-default" onclick="showAccessList('goodCount')">点赞</button>
</span>
</div>
可以通过两种⽅法：为按钮添加active类（写在html代码⾥）、⽤js⽅法。两种⽅法的本质是⼀样的。后⼀种⽅法可以把按钮点击事件调⽤、按钮状态修改统⼀起来。
$("#orderBtnGroup .btn:first").click().addClass("active");
但是有个问题，就是当点击按钮组其他按钮时，不能清除选中状态。⽬前没有到好的办法。只好在按钮的点击事件中，去除⼀下所有按钮的active状态。
$("#orderBtnGroup").children().removeClass("active");

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。