javascript - 如何在angularjs中获取未选中的复选框值？

Question

这是html代码

<p>
   <input type="checkbox" ng-model='add_product.kids' class="filled-in" id="filled-in-box1" />
   <label for="filled-in-box1">Kids</label>
</p>

当复选框未选中时，我需要将值设置为 false ..

我打印的模型是这样的

console.log($scope.add_product)

但在该模型中未显示复选框值？

任何人都可以帮我...提前致谢..

Answer 1

您可以通过以下方式访问复选框

angular.module("myApp", []).controller("MyController",['$scope', function($scope) {
      $scope.checkboxModel = {
       value1 : true,
       value2 : 'YES'
     };
    }]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="MyController">
<label>Value1:
    <input type="checkbox" ng-model="checkboxModel.value1">
</label>
<br/>
<label>Value2:
    <input type="checkbox" ng-model="checkboxModel.value2" ng-true-value="'YES'" ng-false-value="'NO'">
</label>
<br/>
<tt>value1 = {{checkboxModel.value1}}</tt>
<br/>
<tt>value2 = {{checkboxModel.value2}}</tt>
<br/>
  </div>