<!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>
Cara melaksanakan klik serah dan gesa apabila lebih daripada 2 kotak pilihan dipilih
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
formdanfromditulis dengan sangat mengelirukanMengapa tidak menggunakan radio
Jika anda benar-benar mahu melakukan ini, anda boleh
$scope.check=function(){
var checked=[];
if(!$scope.formData.favoriteColors){
pulangkan palsu;
}
if($scope.formData.favoriteColors.red)
checked.push('red');
if($scope.formData.favoriteColors.blue)
checked.push('biru');
if($scope.formData.favoriteColors.green)
checked.push('hijau');
}`