使用iChecker的注意事项

时间:2023-03-09 01:48:15
使用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>