Javascript 如何根据在angular js中选中的复选框获取表行值
我的表格中有Javascript 如何根据在angular js中选中的复选框获取表行值,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我的表格中有复选框,单选按钮和输入框。我无法根据所选值获取值 我想对所选项目进行汇总 HTML代码 要在选中复选框时获取整行值,不确定这是否是最佳解决方案,但您可以选择以下方法 <tr ng-repeat="item in test.items"> <td> <input type="checkbox" ng-true-value="'{{item.name}}'" ng-model="selectedValues[$index]"/>
复选框
,单选按钮
和输入框
。我无法根据所选值获取值
我想对所选项目进行汇总
HTML代码
要在选中复选框时获取整行值,不确定这是否是最佳解决方案,但您可以选择以下方法
<tr ng-repeat="item in test.items">
<td>
<input type="checkbox" ng-true-value="'{{item.name}}'" ng-model="selectedValues[$index]"/>
</td>
</tr>
在“Subjects”数组中创建一个属性“IsChecked”,并为复选框更改创建方法,如- 角js-
var mainApp = angular.module("mainApp", []);
mainApp.controller('phaseSelection', function($scope) {
$scope.phase = {
firstName: "phase",
subjects:[
{name:'Startup',IsChecked:false},
{name:'Environment setup',IsChecked:false},
{name:'Requirement gathering',IsChecked:false},
{name:'Design',IsChecked:false},
{name:'Development & Unit Testing',IsChecked:false},
{name:'System integration testing',IsChecked:false},
{name:'Development & Unit Testing',IsChecked:false},
{name:'Deployment / Rollout',IsChecked:false},
{name:'Documentation – User Guide & Present',IsChecked:false}
],
};
$scope.checkBoxChange=function(currentrow)
{
if(currentrow.IsChecked==true)
{
// your code here
// console.log(currentrow.name);
}
}
});
现在将复选框与此属性绑定-
<input type="checkbox" ng-model="phase.IsChecked" ng-change="checkBoxChange(phase)">
您将在控制器上获得选中的行。您能否提供JSFIDDL在这里您可以找到您的答案Hi Deol,我的主要任务是获取单选按钮和文本框的值并保存在对象中…这是我无法做到的…在控制器上,在$scope.checkBoxChange函数中您将获得当前选中的阶段,通过使用,u可以将其值存储在任何对象中。类似于-$scope.checkBoxChange=function(currentrow){if(currentrow.IsChecked==true){var name=currentrow.name;}}
var mainApp = angular.module("mainApp", []);
mainApp.controller('phaseSelection', function($scope) {
$scope.phase = {
firstName: "phase",
subjects:[
{name:'Startup',IsChecked:false},
{name:'Environment setup',IsChecked:false},
{name:'Requirement gathering',IsChecked:false},
{name:'Design',IsChecked:false},
{name:'Development & Unit Testing',IsChecked:false},
{name:'System integration testing',IsChecked:false},
{name:'Development & Unit Testing',IsChecked:false},
{name:'Deployment / Rollout',IsChecked:false},
{name:'Documentation – User Guide & Present',IsChecked:false}
],
};
$scope.checkBoxChange=function(currentrow)
{
if(currentrow.IsChecked==true)
{
// your code here
// console.log(currentrow.name);
}
}
});
<input type="checkbox" ng-model="phase.IsChecked" ng-change="checkBoxChange(phase)">