AngularJs 中的复选框组，并且只需要一个答案

【问题标题】：Checkboxes group and only one required, in AngularJsAngularJs 中的复选框组，并且只需要一个
【发布时间】：2018-03-26 21:06:19
【问题描述】：

我有复选框组：

<div class="checkbox">
  <input type="checkbox" name="zainteresowany1" ng-model="zainteresowany1">Stażem
</div>

<div class="checkbox">
  <input type="checkbox" name="zainteresowany2" ng-model="zainteresowany2">Pracą
</div>

如果选中了 nothing 复选框，我想验证表单。如果未选择任何内容：表单无效。

如何制作？

【问题讨论】：

标签： angularjs checkbox

【解决方案1】：

使两个复选框的ng-model 属性相同，并设置value 属性，以设置选中该复选框时您希望每个复选框具有的值。然后，您可以通过确保用于ng-model 的变量没有未定义来验证表单。

例子：

<div class="checkbox">
    <input type="checkbox" name="zainteresowany1" ng-model="zainteresowany" value="foo" /> Stażem
</div>
<div class="checkbox">
    <input type="checkbox" name="zainteresowany2" ng-model="zainteresowany" value="bar" /> Pracą
</div>

然后在你的控制器中：

if (!$scope.zainteresowany) {
    // Form is invalid
} else {
    // Form is valid
    var value = $scope.zainteresowany;
}

【讨论】：

好的，但接下来我验证我的表单是否有效。我应该在我的表单中添加什么以将表单更改为无效？

【解决方案2】：

有人有其他解决方案吗？ '

我想验证表单，如果选择了任何 CHECKBOX，我想制作表单 $inval

【讨论】：