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