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

前端之家收集整理的这篇文章主要介绍了angularjs – 如何检查任何复选框是否以角度检查前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否有任何功能或一些东西来检查是否有任何显示的复选框被检查?

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

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

最简单的方法是什么?

你可以这样做:
  1. function ChckbxsCtrl($scope,$filter) {
  2. $scope.chkbxs = [{
  3. label: "Led Zeppelin",val: false
  4. },{
  5. label: "Electric Light Orchestra",{
  6. label: "Mark Almond",val: false
  7. }];
  8.  
  9. $scope.$watch("chkbxs",function(n,o) {
  10. var trues = $filter("filter")(n,{
  11. val: true
  12. });
  13. $scope.flag = trues.length;
  14. },true);
  15. }

和一个模板:

  1. <div ng-controller="ChckbxsCtrl">
  2. <div ng-repeat="chk in chkbxs">
  3. <input type="checkBox" ng-model="chk.val" />
  4. <label>{{chk.label}}</label>
  5. </div>
  6. <div ng-show="flag">I'm ON when band choosed</div>
  7. </div>

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

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

  1. $scope.bandChoosed = function() {
  2. var trues = $filter("filter")($scope.chkbxs,{
  3. val: true
  4. });
  5. return trues.length;
  6. }

在模板中做:

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

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

猜你在找的Angularjs相关文章