這篇文章將為大家詳細講解有關如何使用bootstrap按鈕插件，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。

創(chuàng)新互聯(lián)公司主要從事成都網站制作、做網站、外貿營銷網站建設、網頁設計、企業(yè)做網站、公司建網站等業(yè)務。立足成都服務莊河,10多年網站建設經驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:13518219792

按鈕插件（Button）學習筆記：

按鈕插件

樣式文件：
? LESS版本：源文件buttons.less

? 點擊按鈕時，按鈕文字變?yōu)椤罢诩虞d…”，一旦加載完之后又變回“獲取數(shù)據(jù)”。簡單點說就是控制按鈕狀態(tài)，比如禁用狀態(tài)、正在加載狀態(tài)、正常狀態(tài)等；
? 按鈕切換狀態(tài)
? 按鈕模仿單選按鈕
? 按鈕模仿復選按鈕

按鈕插件–按鈕加載狀態(tài)
通過按鈕可以設計狀態(tài)提示，當單擊按鈕時，會顯示loading狀態(tài)信息。例如，點擊“加載”按鈕，會觸發(fā)按鈕的加載的狀態(tài)

加載

通過data-loading-text屬性定義加載的文本信息，然后通過JavaScript給按鈕綁定一個事件，并給按鈕添加一個button(“l(fā)oading”)方法來激活按鈕的加載狀態(tài)行為。如下所示：

$(function(){
 $("#loaddingBtn").click(function () {
  $(this).button("loading");
  });
});

按鈕插件–模擬單選擇按鈕

在Bootstrap框架中按鈕插件中，可以通過給按鈕組自定義屬性data-toggle=”buttons”

 
  男
 
 
  女
 
 
  未知