,可以通过以下步骤实现:
$scope.options = [
{ id: 1, name: 'Option 1' },
{ id: 2, name: 'Option 2' },
{ id: 3, name: 'Option 3' },
// ...
];
$scope.selectedOptions = [];
<div ng-repeat="option in options">
<input type="checkbox" ng-model="option.selected" ng-change="toggleSelection(option)">
{{ option.name }}
</div>
$scope.toggleSelection = function(option) {
var index = $scope.selectedOptions.indexOf(option);
if (index > -1) {
$scope.selectedOptions.splice(index, 1);
} else {
$scope.selectedOptions.push(option);
}
};
Selected options: {{ selectedOptions }}
这样,当用户选中或取消选中复选框时,已选中的项数组将自动更新,并在页面上显示出来。
对于以上问题,腾讯云提供了一系列与云计算相关的产品,例如:
更多腾讯云产品信息和介绍,请访问腾讯云官方网站:https://cloud.tencent.com/
领取专属 10元无门槛券
手把手带您无忧上云