Javascript 角度js复选框

Javascript 角度js复选框,javascript,angularjs,checkbox,Javascript,Angularjs,Checkbox,我想根据与其关联的复选框打印数组的值。找到下面的代码 Javascript: var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.firstName= [{name:"John",selected:"false"},{name:"Anil",selected:"false"},{name:"Kumar",selected:"false"}]; $scop

我想根据与其关联的复选框打印数组的值。找到下面的代码

Javascript:

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.firstName= [{name:"John",selected:"false"},{name:"Anil",selected:"false"},{name:"Kumar",selected:"false"}];
    $scope.lastName= "Doe";
    $scope.name1=[],
    $scope.addname=function(){
    angular.forEach($scope.firstName, function(name,selected){
  if(selected=="true") {
  alert(name);
    $scope.name1.push(name)
  }
});
 }
 });
html:


{{first.name}
{{nam}
  • 值保持为
    布尔值
    小于
    字符串
  • forEach
    中,第一个参数是
    Object
    ,使用
    名称访问与其关联的
    模型。选中的
  • ng中初始化
    name1
    数组单击
    handler
var-app=angular.module('myApp',[]);
应用程序控制器('myCtrl',函数($scope){
$scope.firstName=[{
姓名:“约翰”,
所选:false
}, {
姓名:“阿尼尔”,
所选:false
}, {
姓名:“库马尔”,
所选:false
}];
$scope.lastName=“Doe”;
$scope.addname=函数(){
$scope.name1=[];
angular.forEach($scope.firstName,函数(名称,选中){
if(name.selected){
$scope.name1.push(名称)
}
});
}
});

{{first.name}
{{nam}
{{name1}
  • 值保持为
    布尔值
    小于
    字符串
  • forEach
    中,第一个参数是
    Object
    ,使用
    名称访问与其关联的
    模型。选中的
  • ng中初始化
    name1
    数组单击
    handler
var-app=angular.module('myApp',[]);
应用程序控制器('myCtrl',函数($scope){
$scope.firstName=[{
姓名:“约翰”,
所选:false
}, {
姓名:“阿尼尔”,
所选:false
}, {
姓名:“库马尔”,
所选:false
}];
$scope.lastName=“Doe”;
$scope.addname=函数(){
$scope.name1=[];
angular.forEach($scope.firstName,函数(名称,选中){
if(name.selected){
$scope.name1.push(名称)
}
});
}
});

{{first.name}
{{nam}
{{name1}
var-app=angular.module('myApp',[]);
应用程序控制器('myCtrl',函数($scope){
$scope.firstName=[{name:“John”,selected:false},{name:“Anil”,selected:false},{name:“Kumar”,selected:false}];
$scope.lastName=“Doe”;
$scope.name1=[];
$scope.addname=function(){
angular.forEach($scope.firstName,function(name){
如果(name.selected==“true”){
$scope.name1.push(名称);
}
});
}
});

{{first.name}
{{nam}
var-app=angular.module('myApp',[]);
应用程序控制器('myCtrl',函数($scope){
$scope.firstName=[{name:“John”,selected:false},{name:“Anil”,selected:false},{name:“Kumar”,selected:false}];
$scope.lastName=“Doe”;
$scope.name1=[];
$scope.addname=function(){
angular.forEach($scope.firstName,function(name){
如果(name.selected==“true”){
$scope.name1.push(名称);
}
});
}
});

{{first.name}
{{nam}
<div ng-app="myApp" ng-controller="myCtrl">
<table >

<tr ng-repeat="first in firstName">
<td><input type="Checkbox" ng-model="first.selected">{{first.name}}</td>

</tr>
<tr><td><input type="Button" ng-click="addname()" value="Submit" ng-model="lastName"></td></tr>

<tr ng-repeat="nam in name1">{{nam}}</tr>
</table>
</div>