如何使用AngularJS中的ng模型获取复选框值(由用户检查）

How to obtain Checkbox values ( checked by user) using ng-model in AngularJS

本文关键字：用户 检查 复选框 获取 AngularJS 何使用 中的 ng 模型      更新时间：2023-09-26

在尝试实现复选框功能时，我无法获取用户选择了哪些复选框。这是怎么做到的？下面是我的HTML片段：

<td>
                <table border="0"><th>Tier</th>
                <tr ng-repeat="item in tiertype">             
                    <td>
                    <label class="checkbox" for="{{item.id}}">
                    <input type="checkbox" ng-model="selection.ids[item.id]" name="tier_class" ng-checked="item.checked" id="{{item.id}}"/>{{item.name}}
                    </label>
                    </td></tr></table>
            </td>

下面是我的javascript片段：

$scope.tiertype = [ 
                       { id: 1, name: "All", checked: true}, 
                       { id: 2, name: "Standard", checked: false },
                       { id: 3, name: "Unreserved", checked: false },
                       { id: 3, name: "Reserved", checked: false },
                       { id: 4, name: "General", checked: false }
                       ];

我在使用"复选框值＝｛｛selection.ids｝｝"时没有得到正确的值。此外，在检查任何复选框时，所有复选框都会被选中或id为1的复选框（默认值）。我觉得很奇怪，搞不清楚。我哪里错了，因为我在AngularJS方面没有太多经验。

只需将复选框ng模型设置为检查的布尔值。IE:ng model="item.checked"

相关文章：