[英]get angularjs value from selected radio button
I have searched and tried many different versions of code but not found any answer. 我搜索并尝试了许多不同版本的代码,但未找到任何答案。
My code is: 我的代码是:
<div class="well">
<h3>{{policies.aul.name}}</h3>
<ul style="list-style: none;">
<li ng-repeat="p in policies.aul.policies | orderBy:'!pName' ">
<input type="radio" ng-model="aulPolicy.checked" name="{{policies.aul.name}}" ng-value="{{p.pName}}" required /> {{p.pName}}
</li>
</ul>
selected: {{aulPolicy.checked}} or {{policies.aul.name}}
<input type="submit" class="btn btn-primary" onclick="javascript:generateTableA('{{aulPolicy}}')" value="Build">
<input ng-hide="!aData" type="submit" class="btn btn-primary" value="Add Table" disabled="true">
</span>
</div>
The code: selected: {{aulPolicy.checked}} or {{policies.aul.name}}
does not show anything checked , it does show aul.name . 代码:已selected: {{aulPolicy.checked}} or {{policies.aul.name}}
没有显示任何选中的内容 ,而是显示aul.name 。
Any ideas? 有任何想法吗?
Below I have added my json: 下面,我添加了我的json:
{"aul":{"name":"American United Life",
"policies":[{
"pName":"standard",
"header":[{"name":"Policy Year","total":false},{"name": "Age","total":false},
{"name":"Contract Premium","total":true},{"name":"Cash Value","total":false},
{"name":"PUA Cash Value","total":false},{"name":"Death Benefit","total":false},
{"name":"Total Annual Outlay","total":false},{"name":"PUA Cash Value","total":false},
{"name":"Total Net Cash Value","total":false},{"name":"PUA Death Benefit","total":false},
{"name":"OTA Death Benefit","total":false},{"name":"Total Net Death Benefit","total":false},
{"name":"Total","total":false}],
"cols":12
},
{"pName":"offset",
"header":[],
"cols":13
},
{"pName":"level trem",
"header":[],
"cols":13
},
{"pName":"blended term",
"header":[],
"cols":13
},
{"pName":"blended and level",
"header":[],
"cols":12
},
{"pName":"blended and level and offset",
"header":[],
"cols":15
}]
}
} }
I think below working code will be helpful for you. 我认为下面的工作代码将对您有所帮助。
var app = angular.module('plunker', []); app.controller('MainCtrl', function ($scope) { $scope.policies = { aul: { name: 'Test', policies: [ { pName: '1' }, { pName: '2' }, { pName: '3' }, { pName: '4' }, { pName: '5' } ] } }; $scope.aulPolicy = {}; });
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.11/angular.min.js" ></script> <div ng-app="plunker" ng-controller="MainCtrl"> <div class="well"> <h3>{{policies.aul.name}}</h3> <ul style="list-style: none;"> <li ng-repeat="p in policies.aul.policies | orderBy:'!pName' "> <input type="radio" ng-model="aulPolicy.checked" name="{{policies.aul.name}}" ng-value="{{p.pName}}" required /> {{p.pName}} </li> </ul> selected: {{aulPolicy.checked}} or {{policies.aul.name}} <input type="submit" class="btn btn-primary" value="Build" /> <input ng-hide="!aData" type="submit" class="btn btn-primary" value="Add Table" disabled="true" /> </div> </div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.