bootstrap - stateful buttons

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

状态按钮

单一的按钮可以通过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