[英]how to get selected value from list of radio buttons in angularjs
我有一个单选按钮列表,这些按钮的值来自json数据的ajax请求通知。我已将其绑定到列表,但我想从列表中获取选定的值,我尝试了如下操作,但没有运气。
html
<ons-list-item modifier="tappable" ng-repeat="area in AreaList">
<label class="checkbox checkbox--list-item" >
<input type="radio" ng-bind="area.name" ng-model="selectedValue" name="area" value="area.code">
<div class="checkbox__checkmark checkbox--list-item__checkmark"></div>
{{area.name}}
</label>
</ons-list-item>
js
//PARING FOR AREA
if(data.Details[i] === "Area"){
for(var d=0;d<17;d++){
var area =data.Details[i+1][d]['varCityName'];
var code = data.Details[i+1][d]['intGlCode'];
$scope.AreaList.push({name:area, code:code});
area = '';
code = '';
$scope.selectedValue = data.Details[i+1][d]['intGlCode'];
}
console.log("===========AREA obj===========", $scope.AreaList);
}
.
.
.
.
$scope.submitAnswer=function(list,rate,areaobj)
{
gList = list.name;
alert("-----------my selected area is=========="+gArea);
};
在console.long中打印的区域对象
[
Object{
name="Camana Bay",
code="32"
},
Object{
name="Breakers",
code="1"
},
Object{
name="Grand Cayman",
code="2"
},
Object{
name="Bodden Town",
code="16"
},
Object{
name="Cayman Brac",
code="15"
},
Object{
name="East End",
code="20"
},
Object{
name="George Town",
code="21"
},
Object{
name="George Town West",
code="22"
},
Object{
name="Little Cayman",
code="23"
}
]
尝试:
<input type="radio" ng-bind="area.name" ng-model="selectedArea" name="area" ng-value="area.code">
ng-model使用将存储所选值的变量。
ng-value采用将在ng-model中存储的值(如果选择了特定的单选按钮)
看看这个jsbin
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.