官方网站:http://www.bootstrap-switch.org/
bootstrap-switch插件这是一个针对Bootstrap实现的开关(switch)按钮控件,可以支持尺寸、颜色等属性的自定义。
在bootstrap中文网上看到的,根据他的说的内容写出来却没有效果,但从官方网站上找到了正确的写法
需要引入的资源:
<link href="bootstrap.css"rel="stylesheet">
<link href="bootstrap-switch.css"rel="stylesheet">
<script src="jquery.js"></script>
<script
src="bootstrap-switch.js"></script>
引入的名称以具体下载下来的为准
html:
<input type="checkbox" name="my-checkbox" />
js:
$("[name='my-checkbox']").bootstrapSwitch();
bootstrap中文网上并没有加上这句话 所以运行后没有效果
从官网上下载的文档中有更详细的说明 控制大小颜色等等
还有一点要说明 只有点到
左侧部分(也就带有on的) 才会变成关闭状态 点右侧部分(白色背景部分) 是不会有变化的
关闭时同理