角度，需要检查1个单选按钮才能执行操作

Question

我在项目上设置了一些单选按钮（没有检查开始），我已按下按钮。如果没有检查无线电，我希望这个动作不要做任何事情（因为它需要其中一个无线电的信息）。

所以我只有这个按钮：

<button class="openButton" ng-click="showSubLevel = ! showSubLevel">Add Sub Level</button>

使用

打开另一个div

<div class="addSubLevel" ng-show="showSubLevel"> 

但是我希望按钮不做任何事情（或警告用户）他们必须选择一个收音机来打开.addSubLevel div。

收音机只是看起来像这样：

<input type="radio" name="instructionLevelChecker">

由于我不确定我必须添加什么才能使其发挥作用。欣赏任何输入，因为我仍然是角色的新手。谢谢！

Answer 1

您可以将ng-disabled =“none-checked”添加到按钮：

<button class="openButton" ng-click="showSubLevel = ! showSubLevel" ng-disabled="none-checked">Add Sub Level</button>

..并在用户检查第一个单选按钮时将none-checked变量设置为false：

<input type="radio" name="instructionLevelChecker" ng-click="changeState()>

控制器中的Javascript：

$scope.none-checked = true;
$scope.changeState = function () {
   $scope.none-checked = false;
}

希望这对你有所帮助。