在前端开发中，复选框 (checkbox) 是一种常见的用户输入组件。在某些情况下，我们需要检查用户是否勾选了复选框，并根据结果执行相应的操作。iCheck 是一款 jQuery 插件，它可以帮助我们轻松地检查复选框是否被选中。
安装和使用 iCheck
要使用 iCheck，我们首先需要引入 jQuery 和 iCheck 的脚本文件。可以通过以下方式完成：
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/iCheck/1.0.2/skins/all.css" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/iCheck/1.0.2/icheck.min.js"></script>
引入完毕后，我们需要对页面中的复选框添加 iCheck 样式。可以使用以下代码实现：
$(document).ready(function(){
$('input[type="checkbox"]').iCheck({
checkboxClass: 'icheckbox_square-blue',
radioClass: 'iradio_square-blue',
increaseArea: '20%' // optional
});
});这段代码将为所有类型为 "checkbox" 的 input 元素添加 iCheck 样式。我们还可以通过 checkboxClass 和 radioClass 属性自定义样式，以及通过 increaseArea 属性扩大点击区域。
接着，我们就可以使用 iCheck 提供的方法来检查复选框是否被选中了。
检查复选框是否被选中
iCheck 提供了一个方法叫做 isChecked，用于检查指定的复选框是否被选中。可以使用以下代码来实现：
if ($('#checkbox').iCheck('isChecked')) {
// 复选框被选中的情况下执行的代码
} else {
// 复选框没有被选中的情况下执行的代码
}上述代码中，我们首先获取了 id 为 "checkbox" 的复选框元素，并通过 iCheck 方法调用 isChecked 方法来检查该元素是否被选中。如果返回结果为 true，则表示复选框被选中了，否则表示复选框没有被选中。
示例代码
下面是一个简单的示例代码，演示如何使用 iCheck 检查复选框是否被选中：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------- ------------
------- -----------------------------------------------------------
----- ---------------- ------------------------------------------------------------------------ --
------- ---------------------------------------------------------------------------------
-------
------
---------- ---------
------ --------------- ---------------- -------------- --
------ ------------------------ ---------
------ --------------- ---------------- -------------- --
------ ------------------------ ---------
--------
-----------------------------
------------------------------------
-------------- ------------------------
----------- ---------------------
------------- ----- -- --------
---
------------------------------- ----------------
-- ------------------------------------- -
--------------------- - -- -----------
- ---- -
--------------------- - -- -------------
-
---
------------------------------- ----------------
-- ------------------------------------- -
--------------------- - -- -----------
- ---- -
--------------------- - -- -------------
-
---
---
---------
-------
-------在上述示例代码中，我们首先引入了 jQuery 和 iCheck 的
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/26800