iCheck如何让这个工作

时间:2015-07-17 05:44:09

标签: jquery icheck

我正在使用此插件来自定义广播和复选框iCheck 我试图在这里搜索,但似乎所有的解决方案都不适合我。所以我在这里发布了一些帮助,希望有人能帮助我实现这个目标。

这是我现在的代码



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="http://fronteed.com/iCheck/skins/futurico/futurico.css">


    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="http://fronteed.com/iCheck/icheck.js?v=1.0.1"></script>

    <script>
        $(document).ready(function(){
            $('input').iCheck({
                checkboxClass: 'icheckbox_polaris',
                radioClass: 'iradio_polaris',
                increaseArea: '-10%' // optional
            });
        });
    </script>

</head>
<body>

    <input type="checkbox">
    <input type="checkbox" checked>
    <input  type="radio" name="iCheck">
    <input  type="radio"  name="iCheck">


</body>
</html>
&#13;
&#13;
&#13;

提前谢谢。

1 个答案:

答案 0 :(得分:2)

提供的类名对于您包含的主题css是错误的。您主题的课程为icheckbox_futuricoiradio_futurico

$('input').iCheck({
  checkboxClass: 'icheckbox_futurico',
  radioClass: 'iradio_futurico',
  increaseArea: '-10%'
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://fronteed.com/iCheck/icheck.js"></script>
<link href="http://fronteed.com/iCheck/skins/futurico/futurico.css" rel="stylesheet" />
<div>
<input type="checkbox">
<input type="checkbox" checked>
<input type="radio" name="iCheck">
<input type="radio" name="iCheck">
</div>