Question

我有三个名为textbox1，textbox2和textbox3的文本框。我需要一种以下列方式进行限制的功能。

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

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

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

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

这是我的HTML和JS：

＆＃13;

var timesPerWeek = $scope.times[index];
var timesPerMonth = $scope.month[index];
var timesPerYear =  $scope.year[index];

if(timesPerWeek != ""){
  timesPerMonth.disabled =  'true';
  timesPerYear.disabled =  'true';
}

＆＃13;

<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>

＆＃13;

Answer 1

我有三个文本框，名为textbox1，textbox2和textbox3。我需要一种以下列方式进行限制的功能。

我不知道你的代码现在如何运作（你在问题中几乎没有向我们展示）。

这是禁用其他两个元素的最简单方法，只是为了检查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

限制angularjs中的文本框

1 个答案: