Disable button when a checkbox in a ng-repeat list is unchecked

Question

I have a button that I need to disable if the there is no checked checkbox on my ng-repeat.

<button class="" data-toggle="modal" data-target="#rejectModal" contenteditable="false" id="delbutton" ng-model="delbutton" ng-disabled="!item.checked">

and my checkbox is like this

<input type="checkbox" name="select" value="checked" ng-model="item.checked"/>

How can I possibly do this?

Answer 1

Here is the plunker for your problem. [ https://plnkr.co/edit/AIrKVLedt6mcggvpmJE2?p=preview][1]

Controller:

app.controller('MainCtrl', function($scope) {

  $scope.Items = [
    {checked:false},
  {checked:true},
  {checked:false},
  ];

  $scope.setButtonEnabled = function(itemchecked){
      var isButtonEnabled =false;
      angular.forEach( $scope.Items, function(item){
        if(item && item.checked)
           isButtonEnabled = true;
      });
      return  isButtonEnabled;
  };
});

Html:

<div ng-repeat="item in Items">
      <input type="checkbox" name="select" value="checked" ng-model="item.checked" ng-change="setButtonEnabled()" />
    </div>
    <br>
    <button  id="delbutton"  ng-disabled="setButtonEnabled()">Submit</button>