checkbox对齐-复选框图标
Posted 乐少007
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>
详情可见附件文件夹。
下载地址: http://files.cnblogs.com/files/leshao/checkbox%E5%AF%B9%E9%BD%90.rar
以上是关于checkbox对齐-复选框图标的主要内容,如果未能解决你的问题,请参考以下文章