如何让 JQuery 与 iCheck 插件一起使用答案

【问题标题】：How do I get the JQuery to work with the iCheck Plugin如何让 JQuery 与 iCheck 插件一起使用
【发布时间】：2015-08-13 11:09:43
【问题描述】：

我一直在尝试将 iCheck 插件应用到我的单选框和复选框中，但我无法弄清楚为什么我的单选按钮一直选择多个选项，并且没有使用 JQuery 的经验，我想我可能需要这方面的帮助.我使用了最小的蓝色皮肤，所以我下载了带有 blue.png 精灵图像的 blue.css、jquery-1.11.3.min.js 和 icheck.js。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="check.js"></script>


<link rel="stylesheet" href="blue.css">

<script>
 $(document).ready(function() {
    $('input').iCheck({
        checkboxClass: 'icheckbox_minimal-blue',
        radioClass: 'iradio_minimal-blue',
        increaseArea: '20%'//optional                                
    });
});
</script>
</head>
<label>
<div class="icheckbox_minimal-blue disabled">
    <input type="checkbox" name="quux[1]" disabled>
    </div>
    Foo
    </label>

<label for="baz[1]">Bar</label>
<div class="iradio_minimal-blue checked">
  <input type="radio" name="quux[2]" id="baz[1]" checked>
</div>

<label for="baz[2]">Bar</label>
   <div class="iradio_minimal-blue">
   <input type="radio" name="quux[2]" id="baz[2]">
</div></br>

<body>
</body>
</html>

【问题讨论】：

控制台是否有错误(F12)
@KarthikeyanVaithilingam 我不确定您所说的控制台是什么意思，但我正在使用 Chrome 进行测试。
我的意思是开发者工具控制台。您可以通过按 F12 来打开开发工具
@KarthikeyanVaithilingam 哦，我没有尝试 F12，但我现在会回来找你。
@KarthikeyanVaithilingam 我使用 F12 解决了它，我错误地在 iCheck.js 文件中添加了一些不需要的代码。谢谢。

标签： javascript jquery html css icheck

【解决方案1】：

您必须为所有无线电输入提供相同的名称。

<div class="iradio_minimal-blue checked">
  <input type="radio" name="quux" id="baz[1]" checked>
</div>

<label for="baz[2]">Bar</label>
   <div class="iradio_minimal-blue">
   <input type="radio" name="quux" id="baz[2]">
</div></br>

【讨论】：