📅  最后修改于: 2023-12-03 15:24:49.540000             🧑  作者: Mango
在 AngularJS 中,当有多个复选框需要选中才能进行某个操作时,我们通常需要禁用某个按钮,直到至少一个复选框被选中。
以下是如何实现这个功能的简单步骤:
<div ng-repeat="fruit in fruits">
<label><input type="checkbox" ng-model="selectedFruits[fruit]"> {{fruit}}</label>
</div>
$scope.isAnySelected = function() {
return Object.keys($scope.selectedFruits).some(function(key) {
return $scope.selectedFruits[key];
});
};
<button ng-disabled="!isAnySelected()">禁用按钮</button>
现在,当所有复选框都未选中时,禁用按钮将被禁用。只要至少勾选一个复选框,就可以启用和点击按钮。
请注意,这里使用了一些 ES6 的功能(箭头函数和 Object.keys)。如果你在使用旧版本的浏览器或不喜欢使用这些功能,请使用传统的语法。
以上是关于如何根据 AngularJS 中复选框的状态禁用按钮的介绍。希望对你有所帮助。