gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 09:00:26 25 4
gpt4 key购买 nike

是否有任何功能或ng-something可以检查是否选中了所显示的任何复选框?

我通过 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",
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="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>

fiddle : http://jsfiddle.net/uzs4sgnp/

关于angularjs - 如何检查是否在Angular中选中了任何复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20968170/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com