纯js写的一个switch开关（或叫checkbox开关）

-

使用和说明：

init_checkbox_state()初始化显示功能；

function checkbox_run(that, style_state)点击某个switch后运行功能；

data-checkbox_state="checked" data-style_state="on"开启状态；

data-checkbox_state="unchecked" data-style_state="off"关闭状态；

data-checkbox_state="disabled" data-style_state="disabled"不可用状态；

id=checkbox-item-xxx和for=checkbox-item-xxx这个需要每个switch都不一样，同一个switch相同。

-

效果：

代码下载：

https://download.csdn.net/download/weixin_41827162/12500924

备用下载：https://makeoss.oss-cn-hangzhou.aliyuncs.com/checkbox2.7z

最终源码还是根据实际情况发挥使用。

html

<!--开始 checkbox-->

<!--checkbox-->
<span><input class="checkbox-btn" data-checkbox_state="checked" data-style_state="on" type="checkbox"  id="checkbox-item-1" onclick="click_checkbox(this, checkbox_run, 'key1', 'value1')" /><label for="checkbox-item-1"></l