Angular Js检查checkox元素

时间:2017-04-05 12:47:09

标签: javascript angularjs

我有html代码

            <tr ng-repeat="fee in Fees">
                <td><input type="checkbox" class="input-fee" ng-model="item"></td>  
                <td>{{fee.name}}</td>
            </tr>

在jquery中,我们可以通过执行此操作获取所有已检查的元素

var $Fees = this.$el.find('input.input-fee:checked');

我们怎么能在角度上得到这个,我试过这个

var $Fees = angular.element(document.getElementsByClassName('input.input-fee:checked'));

它没有返回选中的项目对象

2 个答案:

答案 0 :(得分:1)

document.getElementsByClassName查找具有指定类名的元素,并且您尝试使用带有类选择器input的元素选择器input-fee进行过滤,这将永远无效。

试试

angular.element('input.input-fee:checked');

答案 1 :(得分:0)

你可以试试这个:

<tr ng-repeat="fee in Fees">
    <td><input type="checkbox" class="input-fee" ng-model="fee.isChecked"></td>  
    <td>{{fee.name}}</td>
</tr>

取一个布尔值isChecked并相应地使其成为真或假。