Disable/Enable 基于复选框选择的按钮

Question

我有一个复选框列表和一个主复选框，如果 selected 选中所有复选框。我还可以选中单个复选框。

HTML:

<button type="button"  ng-disabled="!selectedAll">Click</button>
<div>
  <input type="checkbox" ng-model="selectedAll" class="checkbox" ng- click="toggle=!toggle">
</div>    

<div ng- repeat="item in items" >
  <input type="checkbox" ng- checked="toggle" ng-model="selectedCheckBox[item.id]"> <i></i>
</div>

控制器：

$scope.toggle = false;
$scope.selectedIntervention = {};

我可以通过 select 主复选框（在 ng-repeat 之外）启用 ng-disabled="!selectedAll" 来 disable/enable 按钮。但是我无法禁用如果我 select ng-repeat.I 中的任何复选框尝试通过给出 ng-model="!selectedCheckBox" 但没有奏效 way.Any 可能的解决方案是高度 appreciated.Thanks

$scope.toggle = false;
$scope.selectedCheckBox = {};

Answer 1

执行以下操作

添加

ng-click="checked(toggle)"

在

<input type="checkbox" ng-click="checked(toggle)" ng-model="selectedCheckBox[item.id]">

然后像这样更改按钮

<button type="button" ng-disabled="!toggle">Click</button>

并在控制器中

 $scope.checked = function () {
     $scope.toggle = !$scope.toggle;
 }

Disable/Enable 基于复选框选择的按钮

Disable/Enable button based on checkbox selection

html

javascript

checkbox

angularjs