Javascript 如何在单击按钮Angularjs时获取表格行值
我想知道如何在下面的列表中获取所选行的表行值。在使用表中的复选框选择一行并单击更新按钮时,我需要行id、行名称和行值。这是plunkr-Javascript 如何在单击按钮Angularjs时获取表格行值,javascript,css,angularjs,html,Javascript,Css,Angularjs,Html,我想知道如何在下面的列表中获取所选行的表行值。在使用表中的复选框选择一行并单击更新按钮时,我需要行id、行名称和行值。这是plunkr- html代码: 目录 当前版本 新版本 倍数 1.2 1.3 更新 使用ng checked事件进入check事件,但如果您想同时处理check和unchecked事件,请尝试ng单击 这里将为您提供输入元素。从中可以使用elemnt.parent.parent获取td或tr及其值 function doSomething(element){ var
html代码:
目录
当前版本
新版本
倍数
1.2
1.3
更新
使用ng checked
事件进入check事件,但如果您想同时处理check和unchecked事件,请尝试ng单击
这里将为您提供输入元素。从中可以使用elemnt.parent.parent
获取td或tr及其值
function doSomething(element){
var parent=elemnt.parent.parent;
// do something
}
有很多方法可以获得每一行的值,这里有一个使用ng repeat和ng model的选项
角度模块('test',[])
.controller('test',函数($scope){
$scope.itemSelecteds={};
$scope.dummyModel={};
$scope.items=[{
id:1,
名称:'麻省理工学院',
目录:“多个”,
当前版本:“1.2”,
新版本:“1.3”,
}, {
id:2,
名称:'麻省理工学院',
目录:“多个”,
当前版本:“1.2”,
新版本:“1.3”,
}, {
id:3,
名称:'麻省理工学院',
目录:“多个”,
当前版本:“1.2”,
新版本:“1.3”,
}];
$scope.selectItem=功能(项目){
//如果选中复选框
if($scope.dummyModel[item.id]){
$scope.itemSelecteds[item.id]=项目;
}否则{
删除$scope.itemSelecteds[item.id];
}
}
$scope.update=函数(){
console.log($scope.itemSelecteds);
}
});代码>
目录
当前版本
新版本
{{item.catalog}
{{item.currentVersion}
{{item.newVersion}
更新
如何将id
分配给行?可以使用ng单击事件帮助you@shaaa看看我的答案,这可能对你有帮助。。您可以获取元素对象,该对象可用于获取父td或tr
function doSomething(element){
var parent=elemnt.parent.parent;
// do something
}