码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2014-06-22 17:11:48      阅读:112      评论:0      收藏:0      [点我收藏+]

标签:bootstrap3.0   按钮组   

1、按钮组效果如图

bubuko.com,布布扣

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
}




【Bootstrap3.0建站笔记四】按钮组,连接在一起使用,布布扣,bubuko.com

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

标签:bootstrap3.0   按钮组   

原文地址:http://blog.csdn.net/chinaplan/article/details/32715139

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!