bootstrap: checkbox gibt keinen Wert zurück

Question

Ich benutze das iphone style checkbox mit dem untenstehenden Code. Es zeigt richtig und funktioniert gut. Aber wenn ich das Formular abschicke, sendet es keinen Wert.

<div class = "col-sm-6 col-xs-6" >Gender</div> 
<label id="sliderLabel"> 
    <input id="gender" name="gender" ng-model="formData.gender" type="checkbox" /> 
    <span id="slider"> 
     <span id="sliderOn">Male</span> 
     <span id="sliderOff">Female</span> 
     <span id="sliderBlock"></span> 
    </span> 
</label> 

Ich benutze angular js für clientseitige Validierung.

Bitte beraten Sie mich, was mache ich falsch.

Edit:

formApp.controller('formProfile2', function($scope,$http){ 

     $scope.formData = {}; 

     $scope.formprofile2 = function() { 

      var allData={'formData': $scope.formData, 'uid': uid} 
     $http({ 
       method : 'POST', 
       url  : 'register.php', 
       data : allData, 
       headers : { 'Content-Type': 'application/x-www-form-urlencoded' } 
      }) 

Wenn ich auf jemand klicken dann wird es die Daten (true/false) zurückkehrt, aber ich brauche falsch zurück, wenn nicht angeklickt.

Answer 1

bitte versuchen Sie es zu ng-true-Wert/ng-false-Wert mit boolean oder einem numerischen Wert

<input type="checkbox" 
ng-model="checkbox" 
ng-true-value=true 
ng-false-value=false 
/> 

hinzufügen Zustand vor dem Pass Formdata

if(!$scope.formData.gender){ 
$scope.formData.gender=false; 
} 

Answer 2

Die Checkbox Rückkehr nicht definiert, wenn zu verwenden Sie überprüfen nicht, also können Sie eine Bedingung vor dem Senden der HTTP-Anfrage verwenden.