当checkall复选框被选中时，获取所有复选框的值

我刚刚接触了angularjs，我正在创建一个出席应用程序。当我检查checkall复选框时，所有的名称复选框也是check，我真正想要实现的是获取checked复选框的值。我完成了检查所有复选框。我只想将复选框的所有值存储在数组中。当我逐个检查这些复选框时，我只能获取数据。先谢谢你。当checkall复选框被选中时，获取所有复选框的值

在我的html这里是我的代码。

  <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>

而在我的控制器代码。首先，这是我的代码，我得到的名单。

  $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) 
      })

这是我的代码，我想执行checkall并自动将数据存储在$ scope.selected = []中;如果我点击检查所有复选框..

 $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); 
     } 
     }

来源

2016-11-20 Benjie Pajimola

NG-模型= “rolesChecked [role.id]” NG-真值=“'{{role.id }}'“在离子复选框将帮助你，你可以看到这个例子：http://plnkr.co/edit/jMizCLxPH6DtDA5wL15Q?p=preview – sreeramu

试试这个代码

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

来源

2016-11-20 05:27:08 karthick

当checkall复选框被选中时，获取所有复选框的值

回答

相关问题