如何获取值表单复选框,离子框架

时间:2016-08-04 17:35:32

标签: ionic-framework

我需要保存复选框的值,但它不起作用

HTML:

<ion-checkbox  value="2" checked="true" ng-model="data.agreed">
                By selecting this...
                </ion-checkbox>

app.js

$http.post(link, { agreed: $scope.data.agreed });

3 个答案:

答案 0 :(得分:1)

尝试按照其中任何一个,您将获得解决方案,

<ion-checkbox  ng-checked='data.agreed === "true"'
               ng-model="data.agreed" 
               ng-true-value="'true'" 
               ng-false-value="'false'"
>
By checked value {{data.agreed}}
</ion-checkbox>


<ion-checkbox  ng-checked='data.agreed === "1"'
               ng-model="data.agreed" 
               ng-true-value="'1'" 
               ng-false-value="'0'"
>
By checked value {{data.agreed}}
</ion-checkbox>


<ion-checkbox  ng-checked='data.agreed === "yes"'
                   ng-model="data.agreed" 
                   ng-true-value="'yes'" 
                   ng-false-value="'no'"
>
By checked value {{data.agreed}}
</ion-checkbox>

如果您可以使用ng-change指令调用该函数,例如follow,

ng-change ="example(data.agreed)"

然后在控制器上编写一个函数,如下所示,

$scope.example =function(agreed)
{
   console.log(agreed);
   alert(agreed);
}

答案 1 :(得分:0)

这对你有用

$http.post(link, { agreed: $scope.data.agreed === 1 ? true: false })

答案 2 :(得分:0)

尝试这个

在您的视图中

<ion-checkbox ng-model = "isChecked" ng-change = "isSalesPersonCheck(!isChecked)">Sales Person</ion-checkbox> 

IN CONTROLLER

$scope.isSalesPersonCheck = function(a){
   if(a == false)
     $scope.isChecked = true
   else
     $scope.isChecked = false//: isChecked is true when checked, false when not
     alert($scope.isChecked)
}