目标:生成连在一起的三个按钮,点击任意一个按钮,该按钮会显示按下的样式,而另外两个按钮是未按下的样式。同时,为三个按钮分别添加触发函数。
问题:其实是参考的别人的代码,只是不太好找,所以记录一下。
代码:
<!--以input和label实现的单选按钮组-->
<div style="float : right" class="btn-group" data-toggle="buttons">
<span style="float : left; margin-top : 7px">View by : </span>
<label id="userProfile" for="" class="btn btn-default active" onclick="userShow()">
<input type="radio" name="switch" autocomplete="off">User profile
</label>
<label id="quotaStatus" for="" class="btn btn-default" onclick="quotaShow()">