状態を保持するボタン ≪ ボタン ≪ JavaScript ≪ Bootstrap3日本語リファレンス

ポイントは４つ。

状態を保持するボタンは、button要素のdata-***-text属性に状態を示すテキストを指定する。
data-***-text属性の***には、任意の文字列を指定する。
$(セレクター).button('***');メソッドを呼び出すことで、ボタンのテキストを、data-***-text属性に指定した値に置き換える。
Firefox対策として、button要素のautocomplete属性にoffを指定する。

サンプル

状態を保持するボタン：

ソースコード

HTML

<p>
	状態を保持するボタン：
	<button type="button" id="sampleButtonStateful" class="btn btn-primary" data-loading-text="実行中" autocomplete="off">
		サンプル
	</button>
</p>

JavaScript

$(function () {
	$('#sampleButtonStateful').on('click', function () {
		$(this).button('loading');
	});
});

このJavaScriptコードは、jquery.min.jsを読み込んだ後に配置する必要がある。