angularjs – 如何检查任何复选框是否以角度检查

发布时间：2020-12-17 08:22:12 所属栏目：安全来源：网络整理

导读：是否有任何功能或一些东西来检查是否有任何显示的复选框被检查？我通过ng-click =“function()”获取值，并传递值。如果有任何值，我可以步行去检查我的数组。 I want to activate/deactivate the “next”-button if any Checkbox is checked. 最简单的方

是否有任何功能或一些东西来检查是否有任何显示的复选框被检查？

我通过ng-click =“function()”获取值，并传递值。如果有任何值，我可以步行去检查我的数组。

I want to activate/deactivate the “next”-button if any Checkbox is
checked.

最简单的方法是什么？

你可以这样做：

function ChckbxsCtrl($scope,$filter) {
    $scope.chkbxs = [{
        label: "Led Zeppelin",val: false
    },{
        label: "Electric Light Orchestra",{
        label: "Mark Almond",val: false
    }];

    $scope.$watch("chkbxs",function(n,o) {
        var trues = $filter("filter")(n,{
            val: true
        });
        $scope.flag = trues.length;
    },true);
}

和一个模板：

<div ng-controller="ChckbxsCtrl">
    <div ng-repeat="chk in chkbxs">
        <input type="checkbox" ng-model="chk.val" />
        <label>{{chk.label}}</label>
    </div>
    <div ng-show="flag">I'm ON when band choosed</div>
</div>

工作：http://jsfiddle.net/cherniv/JBwmA/

更新：或者你可以有点不一样的方式，不使用$ scope的$ watch()方法，如：

$scope.bandChoosed = function() {
    var trues = $filter("filter")($scope.chkbxs,{
        val: true
    });
    return trues.length;
}

在模板中做：

<div ng-show="bandChoosed()">I'm ON when band choosed</div>

小提琴：http://jsfiddle.net/uzs4sgnp/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!