使用iChecker的注意事项

1. 要先引用jquery

2. ichecker分好多主题,每个主题带好几种颜色,在配置的时候最好指定一下。

比如引入了square主题的blue颜色演示,配置项中checkboxClass就写icheckbox_square-blue,好像写成icheckbox_square也是可以的。不过本人不推荐。

完整代码:

<!DOCTYPE html>
<html>
<head>
<link href="iCheck/skins/square/blue.css" rel="stylesheet">
<script src="http://libs.useso.com/js/jquery/1.10.1/jquery.js"></script>    
<script src="icheck.min.js"></script>
</head>
<body>
<input type="checkbox">
<input type="checkbox" checked>
<input type="radio" name="iCheck">
<input type="radio" name="iCheck" checked>
<script>
    $('input').iCheck({
        checkboxClass: 'icheckbox_square-blue',
        radioClass: 'iradio_square-blue',
        //increaseArea: '20%' // optional
    });
</script>    
</body>
</html>

 

posted @ 2015-01-05 11:45  飞凡123  阅读(919)  评论(0编辑  收藏  举报