Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何根据在angular js中选中的复选框获取表行值_Javascript_Jquery_Angularjs - Fatal编程技术网

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)">