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>

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

1 个答案: