angular:如何获取多个复选框的id

有时候需要给后台传多个选中的数组或者全选,有以下两种方法
1.可以给数组添加一个state,但是这关系到后台给不给你的数组添加一个属性
  <tr ng-repeat="item in info">
  <td><input type="checkbox" ng-model="item.state"></td>
  <td>{{item.name}}</td>
  </tr>

$scope.info = [
{"id":1,"name":"zp","state":ture},
{"id":2,"name":"zpp","state",false},
{"id":333,"name":"zppp","state",false}
];
2.将选中的checkbox的id添加到一个数组里面,key为id,value为true或者false
  <table ng-controller="myCtrl">
  <tr ng-repeat="item in info">
  <td><input type="checkbox" ng-model="choose[item.id]"></td>
  <td>{{item.name}}</td>
  </tr>
  <tr>
  <td><button type="button" ng-click="submit()">提交</button></td>
  </tr>
  </table>
  <script type="text/javascript">
  angular.module("myApp",[]).controller('myCtrl',function($scope) {
  $scope.info = [
{"id":1,"name":"zp"},
{"id":2,"name":"zpp"},
{"id":333,"name":"zppp"}
];
$scope.choose = [];
$scope.submit = function(){
$scope.chooseID = [];
for(var i in $scope.choose){
if($scope.choose[i]){
$scope.chooseID.push(i);
}
}
console.log($scope.chooseID);
}
  });
  </script>
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值