要获取所有复选框的总值,你可以使用AngularJS的ng-model和ng-click指令来实现。以下是一个示例代码:
HTML部分:
Checkbox 1
Checkbox 2
Checkbox 3
Total Value: {{totalValue}}
JavaScript部分:
angular.module('myApp', [])
.controller('myCtrl', function($scope) {
$scope.checkboxValues = [false, false, false];
$scope.totalValue = 0;
$scope.calculateTotal = function() {
$scope.totalValue = $scope.checkboxValues.reduce(function(total, currentValue) {
return total + (currentValue ? 1 : 0);
}, 0);
};
});
在上面的代码中,我们使用ng-model指令将复选框的值绑定到$scope对象的checkboxValues数组中。然后,我们通过ng-click指令将calculateTotal函数绑定到“Calculate Total”按钮上。当按钮被点击时,calculateTotal函数会将checkboxValues数组中为true的项计数,并将结果赋值给$scope对象的totalValue属性。
注意:在实际应用中,你可能需要根据具体需求修改代码。这只是一个简单的示例,用于演示如何获取所有复选框的总值。