您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

如何检查是否在Angular中选中了任何复选框

如何检查是否在Angular中选中了任何复选框

您可以执行以下操作:

function ChckbxsCtrl($scope, $filter) {
    $scope.chkbxs = [{
        label: "Led Zeppelin",
        val: false
    }, {
        label: "Electric Light Orchestra",
        val: false
    }, {
        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="check@R_181_2419@" 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>

jsfiddlehttp ://jsfiddle.net/uzs4sgnp/

其他 2022/1/1 18:16:09 有351人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶