CODEWITHSUNDEEP
javascriptjqueryangularjscheckbox
Elamparithi.P
Elamparithi.P

Reputation: 149

how to get unchecked checkbox value in angularjs?

this is html code 

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

I need to get the value as false when the check box is unchecked ..

I print the model like this

console.log($scope.add_product)

but in that model the checkbox value is not showned ?

Can anybody hepl me ... Thanks in advance ..

Upvotes: 1

Views: 1845

Answers (1)

Gangadhar Jannu
Gangadhar Jannu

Reputation: 4414

You can access checkbox in the following ways

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>

Upvotes: 2

Related Questions