在angularjs中使用ng-model的复选框限制

时间:2014-04-04 10:13:47

标签: javascript angularjs checkbox

到目前为止,我只看到人们使用ng-model来绑定复选框的状态。我怎么知道用angularjs检查了哪个复选框?例如,我想获取已检查的复选框的索引,以便我可以在后端执行某些操作。

如果它在jquery / js中,我可以使用函数来捕获复选框的状态并发送索引或等信息以发送回数据库。

我的傻瓜:http://plnkr.co/edit/dG9cwswiVzLdjEnpSNvu?p=preview

2 个答案:

答案 0 :(得分:1)

您可以使用ng-click,如下所示:

http://plnkr.co/edit/kOTtbSHbw1kaGWmjqQbf?p=preview

答案 1 :(得分:1)

我不清楚您的问题,但如果您想要与复选框相关联的标签,那么您应该使用ng-init

<div ng-controller="main">
    <div class="checkbox" ng-repeat="item in items">
         <input type="checkbox" id="{{$index}}" ng-model="item.done"><label for="{{$index}}" class="done-{{item.done}}" ng-init="item.text='Label for' + item.val">Label for {{item.val}}</label>
    </div>
    {{items}}
</div>

See Demo