按钮 下载
首先要在页面中引入依赖文件: 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 element
console.log(event); // jQuery event
console.log(state); // true | false
}
});
});
原文:http://www.cnblogs.com/panie2015/p/5615265.html