? ??按鈕?下載

?

使用方法

首先要在頁面中引入依賴文件：?jquery、Bootstrap、Bootstrap Switch CSS和Bootstrap Switch JS。這里用的是bootstrap2

<link href="bootstrap.css" rel="stylesheet"> <link href="bootstrap-switch.css" rel="stylesheet"> <script src="jquery.js"></script> <script src="bootstrap-switch.js"></script>

?

然后在中添加checkbox：

<input type="checkbox" name="my-checkbox" checked>

　　

通過下面的代碼來初始化該開關按鈕插件：

$("[name='my-checkbox']").bootstrapSwitch();

　　

事件：

$(function () {$("[name='my-checkbox']").bootstrapSwitch({size: "large",onSwitchChange: function(event, state) {if(state){//開啟時觸發的事件}else{//關閉時事件}console.log(this); // DOM elementconsole.log(event); // jQuery eventconsole.log(state); // true | false}});});

　　

轉載于:https://www.cnblogs.com/panie2015/p/5615265.html

總結

以上是生活随笔為你收集整理的基于Bootstrap的jQuery开关按钮插件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。