iCheck 我怎样才能让它工作

Question

我正在使用这个插件来自定义单选框和复选框iCheck 我试着在 SO 中搜索，但似乎所有解决方案都不适合我。所以我在这里发帖寻求帮助，我希望有人能帮助我完成这项工作。

这是我现在拥有的代码

<!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>

提前谢谢你。

Answer 1

Class 提供的名称对于您包含的主题 css 是错误的。您的主题的类是 icheckbox_futurico 和 iradio_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>

iCheck 我怎样才能让它工作

iCheck How can I get this working

jquery

icheck