Angularjs从复选框中获取动态数据

时间:2017-03-06 08:10:20

标签: javascript angularjs

如何从angularjs中的复选框获取动态数据?我尝试使用下面的代码,但收到错误:

  

TypeError:无法读取未定义的属性“0”

HTML

<tr ng-repeat="procForAcnts in procForAcnt">
                    <td>{{procForAcnts[0]}}</td>
                    <td><input type="checkbox" ng-model="procNums[$index]" ng-change="test()" value="{{procForAcnts[2]}}"> {{procForAcnts[4]}}</td>
                    <td>{{procForAcnts[3]}}</td>
                    <td>{{procForAcnts[1]}}</td>
                    <td>{{procForAcnts[5]}}</td>
                    <td>{{procForAcnts[2]}}.00</td>
                    <td><center>--</center></td>
                    <td>{{procForAcnts[7]}}</td>
                    </tr>

JS

$scope.test = function() {
var len= $scope.procForAcnt.length;
alert(len); //working
for(i=0; i<len; i++){
alert($scope.procNums[i]);
}
}

1 个答案:

答案 0 :(得分:0)

虽然,您尚未在此处发布完整代码。我建议你只是将参数发送到你的测试方法。

替换:

<td><input type="checkbox" ng-model="procNums[$index]" ng-change="test()" value="{{procForAcnts[2]}}"> {{procForAcnts[4]}}</td>

使用:

<td><input type="checkbox" ng-model="procNums[$index]" ng-change="test(procNums[$index])" value="{{procForAcnts[2]}}"> {{procForAcnts[4]}}</td>

然后在测试方法中接收值作为参数:

$scope.test = function(selectedValue) {
   alert(selectedValue);
};

请告诉我它是否有帮助!