Javascript angularjs动态单选按钮

单选按钮是动态创建的。 我想要的任务是在默认情况下选择第一个单选按钮，如果我选择其他选项，它应该更改并被选中，直到这一点，第一个是选中的选项

通过浏览尝试了此代码和许多其他代码。无法找到完美的解决方案

$scope.radioLoad = function() {
    $scope.frmData.prpkval = 0;
    $("input[name=primarypackage][value=" + $scope.frmData.prpkval + "]").prop('checked', true);
}

<input name="primarypackage" class="radioBtn" type="radio" init="radioLoad()" ng-value="{{frmData.prpkval}}" ng-model="$parent.primarypackage">

$scope.radioLoad=function（）{
$scope.frmData.prpkval=0；
$（“输入[name=primarypackage][value=“+$scope.frmData.prpkval+]”）prop（'checked'，true）；
}

请查找代码

HTML:

<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
<div ng-app="app" ng-controller="test">

    <span class="dymanic"></span>
</div>

var app = angular.module('app', []);

app.controller('test', function ($scope) {
    $scope.createDynamicRadioButton = function () {
        $('.dymanic').append(
          '<div><label>Radio 1<input type="radio" name="radioButton"/></label></div>' + '<div><label>Radio 2<input type="radio" name="radioButton" /></label></div>' + '<div><label>Radio 3<input type="radio" name="radioButton" /></label></div>');
    }

    $scope.createDynamicRadioButton(); // generates radio button dynamically

    $('input[name="radioButton"]').eq(0).prop('checked', true); //Checks the first radio button.
});

JS:

<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
<div ng-app="app" ng-controller="test">

    <span class="dymanic"></span>
</div>

var app = angular.module('app', []);

app.controller('test', function ($scope) {
    $scope.createDynamicRadioButton = function () {
        $('.dymanic').append(
          '<div><label>Radio 1<input type="radio" name="radioButton"/></label></div>' + '<div><label>Radio 2<input type="radio" name="radioButton" /></label></div>' + '<div><label>Radio 3<input type="radio" name="radioButton" /></label></div>');
    }

    $scope.createDynamicRadioButton(); // generates radio button dynamically

    $('input[name="radioButton"]').eq(0).prop('checked', true); //Checks the first radio button.
});

var-app=angular.module（'app'，[]）；
应用程序控制器（'测试'，功能（$范围）{
$scope.createDynamicRadioButton=函数（）{
$（'.dymanic'）。追加(
‘无线电1’+‘无线电2’+‘无线电3’）；
}
$scope.createDynamicRadioButton（）；//动态生成单选按钮
$（'input[name=“radioButton”]'）。eq（0）.prop（'checked'，true）；//检查第一个单选按钮。
});

感谢您的解决方案Shashank。在fiddle演示中，您创建的单选按钮不是动态的，而在问题中，您提到它应该是动态的。这是真的。我面临的问题是，我无法检查正确的单选按钮，并在表单编辑期间将其选中。这是通过看到我的大学高年级学生提供的例子来实现的。在小提琴的帮助下完成这项任务真是帮了大忙。。