本文实例讲述了jquery实现的代替传统检验盒样式插件。分享给大家供大家参考。具体如下：

效果图如下：

具体代码如下：

（函数($){ $.fn.tzCheckbox=函数（选项){ //默认开/关标签:选项=$。扩展({标签: ['开','关'] },选项);返回这个。每个(函数(){ var originalCheckBox=$(this)，标签=[]；//检查数据打开/数据关闭HTML5数据属性： if(originalcheckbox。数据(' on '){ labels[0]=original checkbox。数据(' on ')；标签[1]=originalcheckbox。数据(“关闭”)；}其他标签=options.labels//创建新的checkbox标记： var checkBox=$(' span '，{ className: 'tzCheckBox '(此。checkBox？选中： ' ')，html : ' span class=' tzCBContent ' '标签[这个。选中了吗？0:1]'/span span class=' tzCBPart '/span ' })；//插入新的复选框，隐藏原来的：复选框。在(原始复选框后插入。hide())；复选框。单击(function(){复选框。切换类('选中')；var Ischecked=CheckBox。has class(' checked ')；//同步原始复选框：原始复选框。attr(' checked '，isChecked)；checkBox.find(' .tzCBContent ').html(标签[isChecked？0:1]);});//侦听对原始文件的更改并影响新文件：原始复选框。bind(' change '，function(){ checkbox。单击()；});});};})(jQuery)；希望本文所述对大家的jQuery程序设计有所帮助。