选中checkall复选框后,获取所有复选框的值

时间:2016-11-20 05:22:01

标签: html angularjs checkbox ionic-framework

pic 我是angularjs的新手,我正在创建一个出席的应用程序。当我检查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);
        }
        }

1 个答案:

答案 0 :(得分:0)

试试这段代码

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