checkbox对齐-复选框图标

 checkbox对齐-复选框图标

一般开发过程中，我们直接使用<input type="checkbox"/>这样出现的复选框，设计师一般都说不好看

而让我们按照设计稿的来

 

这个时候 我们会得到 2个图标 

没有复选框的

和有复选框的

这个时候需要使用 jq来点击切换图片显示了

<i class="check">五险一金转移</i>

<script type="text/javascript">
　　$(document).ready(function() {
　　　　$(".check").click(function() {
           $(this).toggleClass("checkbox-select");
　　});
     });
</script>

 

详情可见附件文件夹。

下载地址： https://files.cnblogs.com/files/leshao/checkbox%E5%AF%B9%E9%BD%90.rar