javascript - 限制angularjs中的文本框

Question

我有三个文本框，分别命名为 textbox1、textbox2 和 textbox3。我需要一个以以下方式限制的功能。

1) 如果我在 textbox1 中输入值，则其余 2 个文本框不应允许输入值。

2) 如果我在 textbox2 中输入值，则其余 2 个文本框不应允许输入值。

3) 如果我在 textbox3 中输入值，则其余 2 个文本框不应允许输入值。

任何人都可以帮我解决这个问题吗？提前致谢。因为我是 angularjs 的新手。我尝试使用此代码，但第一个条件本身不起作用。

这是我的 HTML 和 JS:

var timesPerWeek = $scope.times[index];
var timesPerMonth = $scope.month[index];
var timesPerYear =  $scope.year[index];

if(timesPerWeek != ""){
  timesPerMonth.disabled =  'true';
  timesPerYear.disabled =  'true';
}

<div class="col-md-2 col-xs-2" style="margin-left: -14px;">
     <input type="number" class="form-data" ng-disabled="!check[item.sid]"      id="timesperweek{{item.sid}}" ng-model="times[item.sid]" ng-       change="getValues(item.sid)">
</div>
 
<div class="col-md-2 col-xs-2" style="margin-left: -13px;">
    <input type="number" class="form-data" ng-disabled="!check[item.sid]" id="timespermonth{{item.sid}}" ng-model="month[item.sid]">
</div>

<div class="col-md-1 col-xs-1" style="margin-left: -14px;">
     <input type="number" class="form-data" ng-disabled="!check[item.sid]"      id="timesperyear{{item.sid}}" ng-model="year[item.sid]">
</div>

Answer 1

I have three text boxes named as textbox1, textbox2 and textbox3. I need a functionality to retrict in the following manner.

我不知道你的代码现在是如何工作的(你在问题中几乎没有向我们展示任何内容)。

因此，禁用其他两个元素的最简单方法只是检查 ng-disabled 值是否未定义:

<div>
     <input type="number" ng-disabled="month[item.sid] != undefined || year[item.sid] != undefined" id="timesperweek{{item.sid}}" ng-model="times[item.sid]">
</div>

<div>
    <input type="number" ng-disabled="times[item.sid] != undefined || year[item.sid] != undefined" id="timespermonth{{item.sid}}" ng-model="month[item.sid]">
</div>

<div>
     <input type="number" ng-disabled="times[item.sid] != undefined || month[item.sid] != undefined" id="timesperyear{{item.sid}}" ng-model="year[item.sid]">
</div>

FIDDLE