复选框的必填字段

时间:2015-08-24 04:25:42

标签: javascript angularjs checkbox

我已按以下方式添加checkbox es列表。而且我还添加了必需的属性。因为用户应该至少选择一个复选框。

<div ng-repeat="student in vm.students">
    <label class="checkbox-inline">
        <input type="checkbox" value="{{studentName}}" ng-model="student.selected" name="students" required>
        {{sim.name}}
    </label>
</div>
<div data-ng-messages="userform2.simulations.$error" data-ng-if="vm.interacted(userform2.simulations)" class="error-messages">
    <div data-ng-message="required">You should select atleast one sim.</div>
</div>

但是这个没有用。它仅适用于最后一个复选框。如果选中并取消选中最后一个,则会显示错误消息,它不会查看是否选中了其他复选框。任何可能的方式都会非常值得注意。

2 个答案:

答案 0 :(得分:0)

在角度中你应该使用ng-required = true来设置&#39; required&#39;在输入

文档: https://docs.angularjs.org/api/ng/directive/input

答案 1 :(得分:0)

请点击此链接 CheckBox List 您将得到答案,如果您错过了清单 - 值,或者您需要对其进行验证以选择一个复选框。 验证采用完整列表并检查每个属性,如果没有检查任何值,则为其生成一条消息。

我希望对你有所帮助