title: How can i uncheck all checkboxes after click button(check selected phones) in angularjs?
body: <p>Here i have added my code below.after Check selected phones button clicked how to uncheck all checked checkboxes pls some one help me out for this .
  Expectation:
  after button click all checkboxes should unchecked i have added fiddle also help me out</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var myApp = angular.module('myApp',[]);
  
  myApp.controller('MyCtrl', function($scope,$http) {
   $scope.selectedBrands = [];
    
    $scope.selectBrand = function(selectedphone) {
     // If we deselect the brand
     if ($scope.selectedBrands.indexOf(selectedphone.brandname) === -1) {
       // Deselect all phones of that brand
       angular.forEach($scope.phones, function(phone) {
         if (phone.brandname === selectedphone.brandname) {
           phone.selected = false;
          }
        });
      }
    }
    
    $scope.checkSelectedphones = function() {
          var modelNames = [];
          var jsonArr = [];
          var subModelArr = [];
          var aletrMsg = '';
          angular.forEach($scope.phones, function(phone) {
            if (phone.selected) {
              modelNames.push(phone);
              var found = jsonArr.some(function(el) {
                if (el.model === phone.brandname) {
                  el.subModel.push(phone.modelname);
                  return true;
                }
              });
      
              if (!found) {
                subModelArr.push(phone.modelname);
                jsonArr.push({
                  model: phone.brandname,
      brand :'Nokia',
                  subModel: subModelArr,
      city:'Noida',
      
                });
                subModelArr=[];
              }
     
            }
      
          });
    console.log(modelNames.length);
    if(modelNames.length == 0)
    {
    alert(modelNames.length ? aletrMsg : 'No phones selected!');
    }else
    {
          console.log(jsonArr);
          
    
    
        }
   
  }
  
  $scope.phones = [{
      id: "986745",
      brandname: "Nokia",
      modelname: "Lumia 735 TS"
    }, {
      id: "896785",
      brandname: "Nokia",
      modelname: "Nokia Asha 230"
    }, {
      id: "546785",
      brandname: "Nokia",
      modelname: "Lumia 510"
    }, {
      id: "144745",
      brandname: "Samsung",
      modelname: "Galaxy Trend 840"
    }, {
      id: "986980",
      brandname: "Samsung",
      modelname: "Galaxy A5"
    }, {
      id: "586980",
      brandname: "Samsung",
      modelname: "Galaxy Note 4 Duos"
    }, {
      id: "986980",
      brandname: "Samsung",
      modelname: "Galaxy A5"
    }, {
      id: "586980",
      brandname: "Samsung",
      modelname: "Galaxy Note Duos"
    }, {
      id: "232980",
      brandname: "Htc",
      modelname: "Htc One X9"
    }, {
      id: "456798",
      brandname: "Htc",
      modelname: "Desire 820"
    }, {
      id: "656798",
      brandname: "Htc",
      modelname: "Desire 810S"
   }];
   
  });
  
  myApp.filter('unique', function() {
    return function(collection, keyname) {
      var output = [], 
          keys = [];
  
      angular.forEach(collection, function(item) {
        var key = item[keyname];
        if(keys.indexOf(key) === -1) {
          keys.push(key);
          output.push(item);
        }
      });
  
      return output;
    };
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code> &lt;script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.js"&gt;&lt;/script&gt;</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div ng-controller="MyCtrl"&gt;
    &lt;button ng-click="checkSelectedphones()"&gt;
      Check selected phones
    &lt;/button&gt;
    
    &lt;div ng-repeat="phone in phones | unique:'brandname'"&gt;
      &lt;label&gt;
        &lt;input type="checkbox" ng-true-value="'{{phone.brandname}}'" ng-false-value="''" ng-model="selectedBrands[$index]" ng-change="selectBrand(phone)"&gt;  
        {{phone.brandname}}
      &lt;/label&gt;
    &lt;/div&gt;
    
    &lt;br&gt;
    
    &lt;div ng-repeat="brand in selectedBrands track by $index" ng-if="brand"&gt;
      {{brand}}
      &lt;div ng-repeat="phone in phones" ng-if="phone.brandname === brand"&gt;
        &lt;label&gt;
          &lt;input type="checkbox" ng-model="phone.selected" &gt;  
          {{phone.modelname}}
           
        &lt;/label&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://jsfiddle.net/kLzfru76/16/" rel="nofollow">demo</a></p>