而不是用jQuery实现的传统复选框样式插件

This article illustrates the jQuery implementation instead of the traditional checkbox style plug-in.Share for you for your reference.The following is as follows:

结果如下：

具体代码如下：

（函数（$）{）
美元。fn.tzcheckbox =功能（选项）{
在关闭标签上：
选项=扩展（{
标签：{开，开}
}，选项）；
返回this.each（函数（）{（）
originalcheckbox = $（this）功，
标签= {；
有关数据/检查数据属性的数据：
如果（originalcheckbox.data（' '））{
标签{ 0 } = originalcheckbox.data（' '）；
标签{ 1 } = originalcheckbox.data（开）；
}
其他标签= options.labels；
新复选框标记：创建
var复选框
ClassName: +'tzCheckBox (this.checked'checked''),
HTML：+标签{这checked0:1 } +。
'
}）；
新的插入复选框并隐藏原来的复选框：
checkbox.insertafter（originalcheckbox.hide（））；
CheckBox.click（function（）{（）
CheckBox.toggleClass（'checked）；
VAR系统= checkbox.hasclass（'checked）；
原始复选框：同步
originalcheckbox.attr（'checked，校核）；
CheckBox.find（'。tzcbcontent）。Html（ischecked0:1标签{ }）；
}）；
侦听原始的/并影响新的更改：
OriginalCheckBox.bind（‘变'，函数（）{（）{
CheckBox.click（）；
}）；
}）；
}；
}（jQuery）；

希望本文能对大家的jQuery程序设计有所帮助。