javascript - 如何从动态生成的单选按钮中获取单选按钮的选定值？

Question

您好，我正在使用 angularjs 开发 Web 应用程序。我正在使用 ng-repeat 动态生成单选按钮，如下所示。

<ul>
    <li ng-repeat="level in permissions">
        <input name="level.perm_levelname" type="radio" ng-model="level.perm_levelname" value="{{level.perm_levelname}}"> {{level.perm_levelname}}
        <a ng-click="gotopermMap({permisssionID: level.id})">View</a>
    </li>
</ul>
<input type="button" value="APPLY" ng-click="apply()" />

我正在尝试如下选择单选按钮。

 $scope.apply=function()
        {
            var permname = $scope.name;
            console.log($scope.level.perm_levelname);
        }

我遇到错误无法读取未定义的属性“perm_levelname”。我可以在这里得到帮助来选择单选按钮吗？谢谢

Answer 1

按名称对单选按钮进行分组，并为单选按钮指定通用范围变量 ng-modal

   <ul>
     <li ng-repeat="level in permissions">
       <input name="myradiobtn" type="radio" ng-model="myradioBtnValue" ng-value="level.perm_levelname">
       {{level.perm_levelname}}
       <a ng-click="gotopermMap({permisssionID: level.id})">View</a>
     </li>
   </ul>
   <input type="button" value="APPLY" ng-click="apply()"/>