iCheck 我怎样才能得到这个工作答案

【问题标题】：iCheck How can I get this workingiCheck 我怎样才能得到这个工作
【发布时间】：2015-07-17 05:44:08
【问题描述】：

我正在使用这个插件来自定义收音机和复选框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>

提前谢谢你。

【问题讨论】：

标签： jquery icheck

【解决方案1】：

提供的类名对于您包含的主题 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>

【讨论】：