javascript - 有没有办法允许仅在输入数据时才标记复选框？

Question

我有一个 ng-repeater，每行都有一个类型为复选框的输入，以及 3 个文本字段。我希望仅当用户在 3 个文本字段中的每一个中输入一些文本时才允许选中该复选框。如果用户尝试在不先输入数据的情况下选择复选框，我想显示一条警告消息。

我假设我必须检查三个 ng-models(用于文本字段)是否为空或未定义或其他内容，但不确定如何在 HTML 中执行此操作。

我的 HTML 看起来像这样:

<div ng-repeat="o in objects">
    <input type="checkbox" class="myClass" ng-click="doSomething(argument)>
    ....
    ....
    <input ng-model="model1">
    <input ng-model="model2">
    <input ng-model="model3">

编辑:在这里找到答案AngularJS - Form Custom Validation - Check if at least one input is empty

Answer 1

您可以禁用它们并使用 ng-change 来监视所有 3 个文本输入是否都有值。

示例 html:

<input type="text" ng-model="data.item3"  ng-change="update()"/>

<input type="checkbox" ng-model="data.model1" ng-disabled="checksDisabled"/>

示例 Controller

.controller('MainCtrl',function($scope){
     $scope.checksDisabled=true;
     var data = $scope.data ={ };
     $scope.update=function(){
        $scope.checksDisabled = !(data.item1 && data.item2 && data.item3);
     }         
});

DEMO