在 AngularJS 中，ng-change 事件可以用于监测表单控件的值变化。当我们需要在复选框的选中状态发生改变时进行一些操作时，就需要检测该复选框的当前选中状态。本文将介绍如何使用 AngularJS 的 ng-change 事件来实现复选框的选中状态检测。
HTML 模板
我们首先来看一个简单的 HTML 模板，其中包含了一个复选框和一个用于显示当前选中状态的标签：
<div ng-app="myApp">
<label>
<input type="checkbox" ng-model="isChecked" ng-change="onChange()"> 是否选中
</label>
<br>
<span>当前选中状态：{{isChecked}}</span>
</div>在这个模板中，我们使用了 ng-model 指令来绑定复选框的选中状态到 $scope.isChecked 变量上，并使用了 ng-change 指令来注册一个事件处理函数 onChange()，它将在复选框的选中状态发生改变时被调用。
控制器
接下来，我们需要定义一个控制器来实现 onChange() 函数。在控制器中，我们可以获取复选框的选中状态，并根据其值执行不同的操作。以下是一个示例控制器：
-- -------------------- ---- -------
----------------------- ---
--------------------- ---------------- -
---------------- - ------
--------------- - ---------- -
-- ------------------ -
-----------------------
- ---- -
-------------------------
-
--
---在这个控制器中，我们首先初始化 $scope.isChecked 变量为 false，表示复选框默认是未选中状态。然后定义了 onChange() 函数，它将获取 $scope.isChecked 的当前值，并根据其值输出不同的日志信息。
最后，我们需要将控制器和 HTML 模板绑定起来。可以在 HTML 模板中使用 ng-controller 指令指定要使用的控制器：
<div ng-app="myApp" ng-controller="myCtrl"> <!-- 省略模板代码 --> </div>
总结
本文介绍了如何在 AngularJS 的 ng-change 事件中检测复选框的选中状态。通过以上示例代码，我们可以看到，在 AngularJS 中实现该功能十分简单。当然，对于更加复杂的需求，还需要深入学习 AngularJS 的相关知识。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25462