【Bootstrap3.0建站笔记四】按钮组，连接在一起使用

1、按钮组效果如图：

HTML代码：

<div class="row ">
<div class="form-group col-sm-7">
<div class="btn-group">
<asp:HiddenField ID="hidden_btnActive" runat="server" />
<asp:Button ID="Button1" runat="server" Text="当天" OnClick="CurrentDay_Click" CssClass="btn btn-default"  OnClientClick ="GetDayWeekMonthAll(this)"/>
<asp:HiddenField ID="Hidden_CurrentDayDate" runat="server" />
<asp:Button ID="Button2" runat="server" Text=" 周 " OnClick="CurrentWeek_Click" CssClass="btn btn-default " OnClientClick="GetDayWeekMonthAll(this)" />
<asp:HiddenField ID="Hidden_CurrentWeekDate" runat="server" />
<asp:Button ID="Button3" runat="server" Text=" 月 "  OnClick="CurrentMonth_Click"   CssClass="btn btn-default " OnClientClick="GetDayWeekMonthAll(this)"/>
<asp:HiddenField ID="Hidden_CurrentMonthDate" runat="server" />
<asp:Button ID="Button4" runat="server" Text="全部"  OnClick="CurrentALL_Click"  CssClass="btn btn-default " OnClientClick="GetDayWeekMonthAll(this)" />
</div>
</div>
</div>

JS代码：

//点击 当天、周、月、全部
function GetDayWeekMonthAll(obj) {
$('#<span style="font-family: Arial, Helvetica, sans-serif;">hidden_btnActive</span>').val($(obj).attr('id'));//记录点击的ID
}

******************************************别墅图纸推荐*************************************************

我想有一栋别墅，面朝大海，春暖花开

龙兴科技别墅图纸设计，这里有最新最全的别墅图纸，

这里有最给力的别墅图纸折扣活动，图纸包括建筑图、结构图、给排水图、电气图

我们致力于为广大客户提供别墅设计图纸,图纸均由专业、经验丰富的设计团队设计，可免费提供施工技术指导

地址：http://bstzsj.taobao.com/