javascript - 如果选中复选框 > 1,则应用表达式

标签 javascript angularjs checkbox

http://plnkr.co/edit/AxBJs2XICPtWaA7bup8G?p=preview

<li ng-repeat="d in data"><input type="checkbox"/>{{$index}}</li>
<button ng-show="checkismorethanone">Save</button>

我不能使用 ng-model 因为它会检查所有的复选框。我怎么知道是否选中了任何复选框?如果选中任何复选框,我想显示保存按钮,如果没有选中更多按钮,我想隐藏按钮。

最佳答案

你可以这样做:

 <li ng-repeat="d in data"><input type="checkbox" ng-model="d.val"/>{{$index}}</li>
<button ng-show="anyCheckBoxSelected()">Save</button>

这在 Controller 文件中:

$scope.data = [{val:false, num:1 },{num:2, val: false},{num:3, val:false},{num:4, val:false}];
$scope.anyCheckBoxSelected = function() {
  var checked = $filter("filter")($scope.data , {val:true} );
  return checked.length;
}

这是 plnkr,从您的链接中 fork 出来: http://plnkr.co/edit/VApxbuEBUljkJDjSusxw

关于javascript - 如果选中复选框 > 1,则应用表达式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32287909/

相关文章:

javascript - 将 eventListener 添加到 JavaScript 中动态创建的选择框?

javascript - 建议克服 Javascript 提升

javascript - 如何在屏幕中间显示div

javascript - 未达到 AngularJS ng-click 功能

android - 如何使用 Protractor 测试原生 Android 应用

javascript - 如何使用 value 和 rel 属性检查选项元素更改的复选框

javascript - anchor 内的复选框

javascript - 延迟解析 JavaScript : Unable to resolve

list - 通过循环渲染复选框

ios - Ionic 图像选择器和选取器在 IOS 中不起作用