在前端开发中，表单验证是非常重要的一环。对于复选框来说，有时候我们需要对同一组复选框进行验证，例如至少勾选其中一个项才能进行提交等操作。本文将介绍如何使用 AngularJS 实现群组复选框验证。
HTML 模板
首先，我们需要在 HTML 页面中定义复选框列表，并将它们绑定到 AngularJS 控制器中的一个数组。具体代码如下：
<form name="myForm" ng-controller="MyController">
<label ng-repeat="box in boxes">
<input type="checkbox" name="myCheckbox" ng-model="box.checked" ng-required="!isChecked()">
{{ box.label }}
</label>
<p ng-show="myForm.myCheckbox.$error.required">请至少选择一项。</p>
<button ng-disabled="myForm.$invalid">提交</button>
</form>上述代码中，boxes 数组包含了所有的复选框信息，每个元素包括 label 和 checked 两个属性。ng-repeat 指令可以将这些数据渲染成一组复选框。
注意到每个复选框的 ng-model 属性均为 box.checked，这意味着它们都绑定到了 boxes 数组中的相应元素。同时，复选框列表的 name 属性也必须相同，这样才能将它们视为同一组进行验证。
ng-required 属性决定了该复选框是否必填。当且仅当所有复选框均未选中时，表单才会被标记为 $invalid。
最后，我们还需要一个提示信息来告诉用户至少要选择一项。这里使用了 ng-show 指令，当且仅当表单处于 $invalid 状态且该复选框未选中时才会显示。
AngularJS 控制器
接下来，我们需要在 AngularJS 控制器中定义一个函数，用于检查当前表单是否合法。具体代码如下：
-- -------------------- ---- -------
----------------------- ---
--------------------------- ---------- ---------------- -
------------ - -
- ------ ----- -------- ----- --
- ------ ----- -------- ----- --
- ------ ----- -------- ----- -
--
---------------- - ---------- -
------ ------------------------------- -
------ ------------
---
--
----上述代码中，isChecked 函数用于检查是否至少有一个复选框被选中。它通过调用 Array.prototype.some 方法实现，如果有任意一个元素的 checked 属性为真，则返回真值。
此外，我们还需要将控制器和应用程序进行绑定，具体代码如下：
<body ng-app="myApp">
<div ng-controller="MyController">
<!-- HTML 模板 -->
</div>
</body>示例
最后，我们来看一个完整的示例。假设我们需要让用户至少选择一项职业才能进行注册，具体代码如下：
-- -------------------- ---- -------
--------- -----
----- ---------------
------
----- ----------------
---------------- ---------------
------- ---------------------------------------------------------------------------------
-------
------
---- -----------------------------
----- --------------
------ -------------- -- -------
------ --------------- ----------------- ---------------------- ---------------------------
-- --------- --
--------
-- --------------------------------------------------------
------- ----------------------------------------
- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------