button

按钮一般用来执行操作,但是也可以设置状态。

状态按钮

单一的按钮可以通过data-toggle="button"设置切换状态:

Button

点击一次,按钮切换一次状态,外观因此不同。

或者点击一次显示loading,然后切换回原来的标题。只要加入html:

button

和代码:

$(function() { 
    $(".btn").click(function(){
        $(this).button('loading').delay(1000).queue(function() {
            $(this).button('reset');
            $(this).dequeue();
        });        
    });
});  

多选式按钮组

通过属性data-toggle="buttons"可以把几个checkbox构成一个组合,可以设置可以多选的按钮组:

Option 1 Option 2 Option 3

单选式按钮组

通过属性data-toggle="buttons"可以把几个radio构成一个组合,可以设置可以单选的按钮组:

Option 1 Option 2 Option 3

Last updated