如何在AngularJS中选中复选框时打印天气?

时间:2017-01-16 10:53:55

标签: javascript angularjs checkbox

我正在使用angularJS创建一个Web应用程序。这里有一个复选框,如下所示:

<input type="checkbox" ng-click="clickcheck()" ng-model="checkall" />

在我的控制器中,我有一个复选框检查功能:

$scope.clickcheck = function() {
    console.log(/* print wether if my checkbox is checked or not on checkbox click */);
}

我需要在这做什么?我只想打印是否选中了复选框。

3 个答案:

答案 0 :(得分:0)

您的ng-model="checkall"已经为您完成了这项工作:

$scope.clickcheck = function() {
    if(checkall) { 
        console.log('Checkbox is checked!'); //Print weather here
    } else {
        console.log('Checkbox is not checked');
    }
}

答案 1 :(得分:0)

使用ngChange代替ngClick,因为您已经使用了ngModel checkalltrue当复选框为{{1}时,它将评估为checked }。

<input type="checkbox" ng-change="clickcheck()" ng-model="checkall" />

在控制器中

$scope.clickchech=function(){
    console.log($scope.checkall ? 'checked' : 'unchecked');
}

答案 2 :(得分:0)

复选框值位于$scope.checkall变量

console.log($scope.checkall);