Javascript 如何在ng repeat表中查找单选按钮值? 请帮助我查找以下代码的所有选定单选按钮id。
下面是我的HTML的大致情况Javascript 如何在ng repeat表中查找单选按钮值? 请帮助我查找以下代码的所有选定单选按钮id。,javascript,jquery,angularjs,radio-button,Javascript,Jquery,Angularjs,Radio Button,下面是我的HTML的大致情况 <div ng-app="MyApp"> <div ng-controller="MyCtrl"> <div> <table cellpadding="2" cellspacing="2" border="1" ng-repeat="dep in DepList tra
<div ng-app="MyApp">
<div ng-controller="MyCtrl">
<div>
<table cellpadding="2" cellspacing="2" border="1" ng-repeat="dep in DepList track by $index">
<tr>
<th> Name </th>
</tr>
<tr ng-repeat="item in ContactsList | findobj: dep.groupid">
<td>{{item.name}}</td>
<td><input type="radio" name="radius+{{$parent.$index}}" data-ng-value="{{item.id}}" ng-model="UniqueId" selected="true" /></td>
</tr>
</table>
</div>
<div>
<button ng-click="Select()">Select</button>
</div>
</div>
</div>
$scope几乎没有问题。ContactsList使用单选按钮绑定时,您将每个元素的id绑定为单选按钮的值,如果组中不同的单选按钮具有不同的值,则该值不应相同 我对它做了一些修改,为每个单选按钮赋予不同的值。我还创建了一个selectedContact列表,在该列表中,我将使用所属的组id填充所选单选按钮值
var myapp1=angular.module('MyApp',[]);
myapp1.controller('MyCtrl',函数($scope){
$scope.DepList=[{
副署长:"电脑",
groupid:“1”
}, {
副署长:“英语”,
groupid:“2”
}];
$scope.ContactsList=[{
名称:“Sijith”,
id:“1”,
groupid:“1”
}, {
姓名:“迪帕克”,
id:“1”,
groupid:“2”
}, {
名称:“Libi das”,
id:“2”,
groupid:“2”
}, {
名称:“Noufal”,
id:“2”,
groupid:“1”
}, {
姓名:“Jijo”,
id:“3”,
groupid:“2”
}];
$scope.selectedContact=[];
$scope.Select=函数(){
警报(“组id 1选定联系人id:+$scope.selectedContact.groupid1”);
警报(“组id 1选定联系人id:+$scope.selectedContact.groupid2”);
};
});
myapp1.filter('findobj',function(){
返回功能(联系人列表,id){
返回联系人列表过滤器(功能(l){
if(l.groupid==id){
返回true;
}
});
};
});代码>
名称
{{item.name}
挑选
使用“$scope”几乎没有问题。ContactsList使用单选按钮绑定时,您将每个元素的id绑定为单选按钮的值,如果组中不同的单选按钮具有不同的值,则该值不应相同
我对它做了一些修改,为每个单选按钮赋予不同的值。我还创建了一个selectedContact列表,在该列表中,我将使用所属的组id填充所选单选按钮值
var myapp1=angular.module('MyApp',[]);
myapp1.controller('MyCtrl',函数($scope){
$scope.DepList=[{
副署长:"电脑",
groupid:“1”
}, {
副署长:“英语”,
groupid:“2”
}];
$scope.ContactsList=[{
名称:“Sijith”,
id:“1”,
groupid:“1”
}, {
姓名:“迪帕克”,
id:“1”,
groupid:“2”
}, {
名称:“Libi das”,
id:“2”,
groupid:“2”
}, {
名称:“Noufal”,
id:“2”,
groupid:“1”
}, {
姓名:“Jijo”,
id:“3”,
groupid:“2”
}];
$scope.selectedContact=[];
$scope.Select=函数(){
警报(“组id 1选定联系人id:+$scope.selectedContact.groupid1”);
警报(“组id 1选定联系人id:+$scope.selectedContact.groupid2”);
};
});
myapp1.filter('findobj',function(){
返回功能(联系人列表,id){
返回联系人列表过滤器(功能(l){
if(l.groupid==id){
返回true;
}
});
};
});代码>
名称
{{item.name}
挑选
哦,伙计。你能重新格式化你的代码吗。太乱了,天哪。你能重新格式化你的代码吗。很乱。
var myapp1 = angular.module('MyApp', []);
myapp1.controller('MyCtrl', function ($scope) {
$scope.DepList = [
{ dep: "computer", groupid: "1" },
{ dep: "english", groupid: "2" }
];
$scope.ContactsList = [
{
name: "Sijith",
id: "1",
groupid: "1"
},
{
name: "Deepak",
id: "1",
groupid: "2"
},
{
name: "Libi das",
id: "1",
groupid: "2"
},
{
name: "Noufal",
id: "1",
groupid: "1"
},
{
name: "Jijo",
id: "1",
groupid: "2"
}];
$scope.Select = function () {
alert($scope.UniqueId);
};
});
myapp1.filter('findobj', function () {
return function (ContactsList, id) {
return ContactsList.filter(function (l) {
if (l.groupid == id) {
return true;
}
});
};
});