我有以下想法。我的 View 包含 3 个输入字段和单选按钮,它们需要相互配合。
首先,当显示 View 时,您只能看到输入字段。如果用户单击其中一个输入字段,则其他字段将被禁用,并且该输入字段的单选按钮将显示。如果用户想使用这三个输入字段中的其他输入字段,则需要单击其中一个单选按钮,然后其他两个输入字段将被禁用。
这是当前代码:
...
<input type="text" name="Id" ng-model="search.id" ng-click="disabled = !disabled" ng-disabled="..." />
<input type="radio" class="radio" ng-hide="!disabled" />
...
<input type="text" name="Name" ng-model="search.name" ng-click="disabled = !disabled" ng-disabled="disabled" />
<input type="radio" class="radio" ng-hide="!disabled" />
...
<input type="text" name="Age" ng-model="search.age" ng-click="disabled = !disabled" ng-disabled="disabled" />
<input type="radio" class="radio" ng-hide="!disabled" />
我怎样才能意识到这一点?目前第一个输入字段有效。
最佳答案
尝试为disabled指定一个值
...
<input type="text" name="Id" ng-model="search.id" ng-click="disabled = 1" ng-disabled="disabled!=1" />
<input type="radio" class="radio" ng-hide="disabled==1" />
...
<input type="text" name="Name" ng-model="search.name" ng-click="disabled = 2" ng-disabled="disabled!=2" />
<input type="radio" class="radio" ng-hide="disabled==2" />
...
<input type="text" name="Age" ng-model="search.age" ng-click="disabled = 3" ng-disabled="disabled!=3" />
<input type="radio" class="radio" ng-hide="disabled==3" />
关于javascript - 在 AngularJS 中使用单选按钮控制输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30171308/