AngularJs中的复选框组和只需要一个

时间:2016-02-15 22:56:16

标签: angularjs checkbox

我有复选框组:

<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 复选框,我想验证表单。 如果未选择任何内容:表单是invaild。

如何制作?

2 个答案:

答案 0 :(得分:0)

使两个复选框的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;
}

答案 1 :(得分:0)

有人有其他解决方案吗? “

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