AngularJS中ng-model的复选框限制

checkbox limitation with ng-model in angularjs

本文关键字：复选框 ng-model AngularJS      更新时间：2023-09-26

到目前为止，我只看到人们使用ng-model来绑定复选框的状态。我怎么知道用angularjs选中了哪个复选框？例如，我想获取选中复选框的索引，以便我可以在后端做一些事情。

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

我的普伦克 ： http://plnkr.co/edit/dG9cwswiVzLdjEnpSNvu?p=preview

您可以使用 ng-click ，如下所示：

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

我不清楚你的问题，但如果你想要标签与复选框相关联，那么你应该使用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>

查看演示

相关文章：