angularjs - 使用angularjs提交表单时，如何获取选中单选按钮的值？

Question

我有几个表格。每个表单都有几个可能的单选按钮和一个提交按钮。只能选中一个单选按钮(对每个单选使用相同的名称属性)。提交表单时，如何使用 angularjs 获取选中的单选按钮的值？ @blesh 建议对每个输入使用相同的 ng-model，但请注意问题在于输入标签是使用 ng-repeat 生成的，这就是问题的开始。当然，我当然只需要一个按钮来进行一堆输入。在玩过@blesh 的答案后，它在以下 plunker 中得到了很好的描述:http://plnkr.co/edit/5KTQRGdPv3dbP462vq1a?p=preview在其中，您可以看到警报显示的是初始值，而不是当前选定的输入。

Answer 1

您的单选按钮的值将可用于您在输入元素上分配 ng-model=""的任何范围属性。尝试这样的事情:

JS

app.controller('MyCtrl', function($scope){ 
   $scope.submitForm = function (){
       alert($scope.radioValue):
   };

   $scope.radioValue = 1;
});

HTML

<form name="myForm" ng-controller="MyCtrl" ng-submit="submitForm()">
   <label><input type="radio" name="test" ng-model="radioValue" value="1"/> One</label>
   <label><input type="radio" name="test" ng-model="radioValue" value="2"/> Two</label>
   <label><input type="radio" name="test" ng-model="radioValue" value="3"/> Three</label>
   <div>currently selected: {{radioValue}}</div>
   <button type="submit">Submit</button>
</form>

而且，所以你可以看到它在工作， here is a plunker demonstrating the example