选择/取消选择AngularJS表中的所有复选框的代码可以使用以下方法:
- 首先,在HTML中定义一个全选复选框和一个表格:<input type="checkbox" ng-model="selectAll" ng-click="toggleSelectAll()"> 全选
<table>
<tr ng-repeat="item in items">
<td><input type="checkbox" ng-model="item.selected"></td>
<td>{{ item.name }}</td>
</tr>
</table>
- 在AngularJS的控制器中,定义一个函数来处理全选复选框的点击事件和表格中每个复选框的状态:$scope.items = [
{ name: 'Item 1', selected: false },
{ name: 'Item 2', selected: false },
{ name: 'Item 3', selected: false },
// 添加更多的项目...
];
$scope.toggleSelectAll = function() {
angular.forEach($scope.items, function(item) {
item.selected = $scope.selectAll;
});
};
- 上述代码中,
toggleSelectAll
函数会遍历$scope.items
数组中的每个项目,并将其selected
属性设置为与全选复选框的状态相同。这样,当全选复选框被选中或取消选中时,表格中的所有复选框都会相应地被选中或取消选中。
这段代码的作用是在AngularJS表格中实现全选/取消全选的功能。用户可以通过点击全选复选框来选择或取消选择表格中的所有复选框。