Question

以下是选择我需要获取值

的任何一个单选按钮的代码

<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>

Answer 1

您应该从value分配repeat-loop而不是model分配{{}}而不需要ng-value ng-value="SurveyType.Name"

因此请使用ng-value="{{surveyData.SurveyTypeName}}"代替surveyData.SurveyTypeName，以便将所选的单选按钮值设置为surveyData.SurveyTypeName。

如果您希望默认选择任何人，则可以将值$scope.surveyData={SurveyTypeName: 'second'}分配给second，然后选择显示为选中且值为<label ng-repeat="SurveyType in SurveyTypes"> <input type="radio" name="SurveyTypeName" ng-model="surveyData.SurveyTypeName" ng-value="SurveyType.Name" /> {{SurveyType.Name}}       </label>的单选按钮。

<强> HTML：

category

PLUNKER DEMO

Answer 2

您的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

}

Answer 3

来自surveyData.SurveyTypeName的不知道来自。

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

PLUNKER

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

3 个答案: