获取 Angular JS 中单选按钮中选中的单选按钮的值，该值为 ng-repeat

Get value of checked radio button in radio button in Angular JS which as ng-repeat

本文关键字：单选按钮 ng-repeat Angular JS 获取      更新时间：2023-09-26

这是选择我需要获取值的任何一个单选按钮的代码

<label ng-repeat="SurveyType in SurveyTypes">
    <input type="radio" name="SurveyTypeName" ng-model="surveyData.SurveyTypeName" ng-value="{{surveyData.SurveyTypeName}}" />
    {{SurveyType.Name}} &nbsp; &nbsp; &nbsp;
</label>
您应该

从repeat-loop而不是从model值中分配value，并且无需使用{{}}进行ng-value

因此，请使用ng-value="SurveyType.Name"而不是ng-value="{{surveyData.SurveyTypeName}}"因此选择单选按钮值设置为 surveyData.SurveyTypeName 。

如果要默认选择任何人，则可以像$scope.surveyData={SurveyTypeName: 'second'}一样为surveyData.SurveyTypeName分配值，然后显示为选中的单选按钮具有值second。

.HTML：

<label ng-repeat="SurveyType in SurveyTypes">
    <input type="radio" name="SurveyTypeName" ng-model="surveyData.SurveyTypeName" ng-value="SurveyType.Name" />
    {{SurveyType.Name}} &nbsp; &nbsp; &nbsp;
</label>

普兰克演示

你的HTML应该是这样的。

 <input type="radio" name="SurveyTypeName" ng-model="surveyData.SurveyTypeName" ng-value="{{surveyData.SurveyTypeName}}"  ng-change="getval($index)"/>

Js

$scope.getval = function (index){

 var servetypename =SurveyTypes[index];
var data =servetypename.SurveyTypeName
}
不知道来自

surveyData.SurveyTypeName。

<li ng-repeat="SurveyType in SurveyTypes">
        <input type="radio" name="SurveyTypeName" ng-model="$parent.rdoSelected" ng-value="SurveyType.SurveyTypeName" />
        {{SurveyType.Name}}
</li>

普容克

相关文章：