2016-11-20 5 views
0

pic Ich bin neu zu angularjs, ich bin eine Anwendung der Teilnahme erstellen. Wenn ich das checkall checkbox check all das checkbox von name ist auch check und Was ich wirklich erreichen wollte, ist den Wert checkboxes zu bekommen. Ich bin fertig mit der Überprüfung aller Kontrollkästchen. Ich möchte nur den ganzen Wert der Checkboxen in einem Array speichern. Ich kann nur Daten erhalten, wenn ich diese Kontrollkästchen nacheinander ankreuze. Vielen Dank im Voraus.Holen Sie den Wert aller Kontrollkästchen, wenn Kontrollkästchen aktiviert ist

In meinem HTML ist hier mein Code.

  <ion-checkbox ng-model="Selected" ng-click="checkAll()"> 
     <div class="wew"> 
     Check All Checkbox 
     </div></ion-checkbox> 
     </label></div> 
     <table><tr><th><center> 
     List of Names 
     </center></th> 
     <th colspan="3"> 
     Actions 
     </th></tr><tr><td><label> 
     <ion-checkbox ng-repeat="role in roles" ng-model="isChecked" ng- 
     change="format(isChecked,role,$index)"><div class="wew"> 
     {{role}} 
     </div></ion-checkbox> 
     </label></td> 

Und in meinem Controller-Code. Zuerst ist dies mein Code, wo ich die Liste der Namen bekomme.

  $http.post(link1, {section: section}).success(function(attendance){ 
     for(a = 0; a<attendance.length; a++){ 
      $scope.roles = [ 
      attendance[0].Full_Name, 
      attendance[1].Full_Name, 
      attendance[2].Full_Name, 
      attendance[3].Full_Name, 
      attendance[4].Full_Name, 
      attendance[5].Full_Name, 
      attendance[6].Full_Name, 
      attendance[7].Full_Name, 
      attendance[8].Full_Name, 
      attendance[9].Full_Name, 
      ] 
      } 
      }) 
      .error(function(err) { 
     console.log(err) 
      }) 

Und dies ist mein Code, wo ich wollte den checkall ausführen und speichern die Daten automatisch in $ scope.selected = []; Wenn ich die Kontrolle alle Kontrollkästchen klicken ..

 $scope.checkAll = function() { 
     if ($scope.Selected) { 
     $scope.Selected = false; 
     } else { 
     $scope.Selected = true; 
     } 
     $scope.isChecked= $scope.Selected; 


     $scope.selected = []; 
     $scope.format = function (isChecked, role, $index) { 
     if (isChecked == true) { 
     $scope.selected.push(role); 
     } 
     else { 
     var _index = $scope.selected.indexOf(role); 
     $scope.selected.splice(_index, 1); 
     } 
     var students = $scope.selected; 
     console.log(students); 
     } 
     } 
+0

ng-Modell = "rolesChecked [role.id]" ng-true-value = "" {{role.id }} 'in ion-checkbox wird Ihnen helfen, Sie können dieses Beispiel sehen: http://plnkr.co/edit/jMizCLxPH6DtDA5wL15Q?p=preview – sreeramu

Antwort

0

versuchen diesen Code

<script> 
$(function(){ 
var numbers = $("input[type='checkbox']:checked").map(function(_, el) { 
     return $(el).val(); 
     }).get(); 
}); 
</script> 
Verwandte Themen