要获取所有复选框的总值,你可以使用AngularJS的ng-model和ng-click指令来实现。以下是一个示例代码:
HTML部分:
<div ng-app="myApp" ng-controller="myCtrl">
<input type="checkbox" ng-model="checkboxValues[0]"> Checkbox 1
<input type="checkbox" ng-model="checkboxValues[1]"> Checkbox 2
<input type="checkbox" ng-model="checkboxValues[2]"> Checkbox 3
<button ng-click="calculateTotal()">Calculate Total</button>
<div>Total Value: {{totalValue}}</div>
</div>
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属性。
注意:在实际应用中,你可能需要根据具体需求修改代码。这只是一个简单的示例,用于演示如何获取所有复选框的总值。