如何在 AngularJS 中设置单击按钮时选中的复选框？

在 AngularJS 中，当单击按钮时选中复选框的实现非常简单，我们只需要利用 ng-click 指令去触发一个函数，然后在函数中去设置复选框的选中状态即可。

简单示例

假设我们有一个复选框和一个按钮，我们想要在单击按钮时选中这个复选框，示例代码如下：

<input type="checkbox" ng-model="isChecked">
<button ng-click="selectAll()">Select All</button>

我们先在复选框上使用 ng-model 指令来绑定一个 Boolean 类型的变量 isChecked，这个变量表示复选框的选中状态。

然后我们在按钮上使用 ng-click 指令来绑定一个函数 selectAll()，这个函数用来实现选中复选框的逻辑。

接下来我们需要在 AngularJS 控制器中定义这个函数：

angular.module('myApp', [])
.controller('myCtrl', function($scope) {
  $scope.isChecked = false;
  
  $scope.selectAll = function() {
    $scope.isChecked = true;
  };
});

我们先定义一个 AngularJS 应用和控制器，然后在控制器中定义一个 $scope 变量 isChecked，初始值为 false。

接着我们定义 selectAll() 函数，这个函数会将 $scope.isChecked 变量设置为 true，从而选中复选框。

最后我们在 HTML 中将应用和控制器绑定起来：

<div ng-app="myApp" ng-controller="myCtrl">
  <input type="checkbox" ng-model="isChecked">
  <button ng-click="selectAll()">Select All</button>
</div>

现在当我们单击按钮时，复选框就会被选中。

更复杂的示例

如果我们需要选中多个复选框，应该怎么办呢？我们可以将多个复选框的选中状态都绑定到不同的变量上，然后在函数中同时设置这些变量的值。

例如，假设我们有三个复选框和一个按钮，我们想要在单击按钮时选中这三个复选框，示例代码如下：

<input type="checkbox" ng-model="isChecked1">
<input type="checkbox" ng-model="isChecked2">
<input type="checkbox" ng-model="isChecked3">
<button ng-click="selectAll()">Select All</button>

然后我们在控制器中定义三个变量和一个函数：

angular.module('myApp', [])
.controller('myCtrl', function($scope) {
  $scope.isChecked1 = false;
  $scope.isChecked2 = false;
  $scope.isChecked3 = false;
  
  $scope.selectAll = function() {
    $scope.isChecked1 = true;
    $scope.isChecked2 = true;
    $scope.isChecked3 = true;
  };
});

在函数中我们同时设置这三个变量的值为 true，从而选中这三个复选框。

同样的，如果我们想要在单击按钮时取消选中这些复选框，只需要将这些变量的值设置为 false 即可。

当然，这只是一个简单的示例，如果我们需要选中更多的复选框，我们可以使用循环来遍历这些变量，并设置它们的值。