最近开始用icheck这个插件,说实话,才开始确实走了不少弯路,网上的教程也不少可是还是发现了很多的问题。
首先使用icheck的第一步就是引入它的icheck.js和jQuery,在这里我要特别强调一下,引入顺序十分重要,引入顺序十分重要,引入顺序十分重要,重要的事情说三遍
1.先引入jQuery(必须是jQuery);
2.引入icheck.js;
<link rel="stylesheet" href="flat/blue.css">
<script src="js/jquery.js"></script> <script src="js/jquery.icheck.js"></script> </head> <body> <input type="checkbox"/> <input type="radio" name="sex" value="男" checked="checked"> <input type="radio" name="sex" value="女"> <script> $(document).ready(function(){ $('input').iCheck({ checkboxClass: 'icheckbox_flat-blue', // 注意square和blue的对应关系 radioClass: 'iradio_flat-blue' }); }); </script> </body>
然后代码就是这个样子哒,其中'icheckbox_flat-blue'中的flat是我用来装blue.css的文件夹,也就是说我用flat文件夹装了blue.css和它对应的图片最后再说一句如果里面的颜色都不是你想要的那么就请你随便提一个样式,再用Ps什么的把图片的颜色改成你想要的就是了!