如何检查是否在 Angular 中选中了任何复选框 [英] How to check if any Checkbox is checked in Angular

问题描述

是否有任何函数或 ng-something 来检查是否选中了任何显示的复选框?

我通过 ng-click="function()" 获取值并传递这些值.我可以步行去检查我的数组是否有任何值.

<块引用>

如果有复选框，我想激活/停用下一步"按钮已检查.

最简单的方法是什么?

解决方案

您可以执行以下操作:

function ChckbxsCtrl($scope, $filter) {$scope.chkbxs = [{标签:齐柏林飞艇"，价值:假}, {标签:电光管弦乐队"，价值:假}, {标签:马克杏仁"，价值:假}];$scope.$watch("chkbxs", function(n, o) {var trues = $filter("filter")(n, {价值:真实});$scope.flag = trues.length;}， 真的);}

还有一个模板:

<div ng-repeat="chkbxs 中的 chk"><input type="checkbox" ng-model="chk.val"/><label>{{chk.label}}</label>
<div ng-show="flag">选择频段时我处于 ON 状态</div>

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

更新: 或者你可以采取一些不同的方式，而不使用 $scope 的 $watch() 方法，例如:

$scope.bandChoosed = function() {var trues = $filter("filter")($scope.chkbxs, {价值:真实});返回 trues.length;}

在模板中做:

<div ng-show="bandChoosed()">当我选择乐队时我就打开了</div>

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

Is there any function or ng-something to check if any of the displayed Checkboxes are checked?

I have the values through the ng-click="function()" and pass the values through. I can go by foot and check my array if any value is inside.

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

What's the easiest way?

解决方案

You can do something like:

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);
}

And a template:

<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>

Working: http://jsfiddle.net/cherniv/JBwmA/

UPDATE: Or you can go little bit different way , without using $scope's $watch() method, like:

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

And in a template do:

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

Fiddle: http://jsfiddle.net/uzs4sgnp/

这篇关于如何检查是否在 Angular 中选中了任何复选框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！