Javascript 角度js复选框
我想根据与其关联的复选框打印数组的值。找到下面的代码 Javascript: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
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>