如何獲取未經檢查的angularjs複選框值？

這是HTML代碼如何獲取未經檢查的angularjs複選框值？

<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)

但在模型中的模型複選框的值不顯示？

可有人HEPL我...在此先感謝..

來源

2017-02-04 Elamparithi.P

訪問複選框，當你登錄$ scope.add_product？ –

'app.controller（' add_product_ctrl」，[ '$範圍'， '$ HTTP'，函數（$範圍，$ HTTP）{ \t $ scope.addProfileDetail =函數（文件）{ \t \t \t \t// HERE \t \t的console.log（$ scope.console.log（$ scope.add_product）） \t} }]）」 –

請查看以下與複選框的工作我的答案或plnkr發佈最小的工作版本，jsbin。。 –

您可以通過以下方式

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>

來源

2017-02-04 05:48:04

它的作品適合我..非常感謝Gangadhar Jannu !!!!! .. –

@ Elamparithi.P我很高興它幫助。 :) –

如何獲取未經檢查的angularjs複選框值？

回答

相關問題