如何检查在Angular中是否检查任何复选框 [英] How to check if any Checkbox is checked in Angular
本文介绍了如何检查在Angular中是否检查任何复选框的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
是否有任何函数或ng- 某事,以检查是否选中了任何显示的复选框?
Is there any function or ng-something to check if any of the displayed Checkboxes are checked?
ng-click =function()并传递值。
我要激活/停用下一个按钮if任何复选框都是
检查。
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/
更新:或者您可以方法,例如:
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;
}
在模板中do:
<div ng-show="bandChoosed()">I'm ON when band choosed</div>
小提琴: http://jsfiddle.net/uzs4sgnp/
这篇关于如何检查在Angular中是否检查任何复选框的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文