按钮 

 

使用方法

首先要在页面中引入依赖文件： 、Bootstrap、Bootstrap Switch CSS和Bootstrap Switch JS。这里用的是bootstrap2

 

 

然后在中添加checkbox：

　　

 

通过下面的代码来初始化该开关按钮插件：

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

　　

事件：

$(function () {        	$("[name='my-checkbox']").bootstrapSwitch({     			      size: "large",     			      onSwitchChange: function(event, state) {     			    	  if(state)   			    		  {     			    		 //开启时触发的事件   			    		  }     			    	  else    			    	  {     			    		 //关闭时事件    			    	  }     			    	  console.log(this); // DOM element     			    	  console.log(event); // jQuery event     			    	  console.log(state); // true | false     			      }        	});        });