<!DOCTYPE html>
<html ng-app="fromApp">
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="angular.min.js"></script>
</head>
<body>
<p ng-controller="formController">
<p class="form-group">
<form name="formData">
<label class="checkbox-inline">
<input type="checkbox" name="favoriteColors" value="red" ng-model="formData.favoriteColors.red"> Red
</label>
<label class="checkbox-inline">
<input type="checkbox" name="favoriteColors" value="blue" ng-model="formData.favoriteColors.blue"> Blue
</label>
<label class="checkbox-inline">
<input type="checkbox" name="favoriteColors" value="green" ng-model="formData.favoriteColors.green"> Green
</label>
<button ng-click="check()">提交</button>
</form>
</p>
</p>
<script>
var app= angular.module('fromApp',[]);
app.controller('formController',function($scope){
$scope.fromData={};
$scope.check=function(){
}
});
</script>
</body>
</html>
How to implement click submit and prompt when more than 2 checkboxes are selected
给我你的怀抱2017-05-15 16:54:57
form和fromThe writing is so confusing
jsvar app= angular.module('fromApp',[]); app.controller('formController',function($scope){ $scope.fromData={}; $scope.check=function(){ if($scope.fromData.favoriteColors){ var log = []; angular.forEach($scope.fromData.favoriteColors,function(v){ if(v==true) this.push(v); },log); console.log(log.length);//length } } });
巴扎黑2017-05-15 16:54:57
Why not use radio
If you really want to do this, you can
$scope.check=function(){
var checked=[];
if(!$scope.formData.favoriteColors){
return false;
}
if($scope.formData.favoriteColors.red)
checked.push('red');
if($scope.formData.favoriteColors.blue)
checked.push('blue');
if($scope.formData.favoriteColors.green)
checked.push('green');
if (checked.length>=2){
...
}
}`