javascript - 单击按钮时在 Angular 中选择多个复选框

标签 javascript html angularjs angularjs-ng-repeat

我的 HTML 代码中有一个表,其中的行是由 AngularJS ng-repeat 生成的。每行包含第一列中的复选框和其他数据 在相应的列中。当单击另一个 div 中存在的此按钮时,我尝试将所有复选框标记为选中。

<tbody>
  <tr ng-repeat="row in myObject track by $index" ng-class-even="'alternate-row'">
    <td name="checkbox">
      <input type="checkbox" ng-model="row.checked" ng-style="row.checkboxStyle" ng-click="setSelectedRow(row)" />
    </td>
    <td>{{ row.data1 }}</td>
    <td>{{ row.data2 }}</td>
  </tr>
</tbody>

按钮如下:

<div class="btn-group">
	<button type="button" id="selectAll" class="btn btn-default" title="Select All" ng-click="selectAllGrid()">Select All</button>
</div>

单击复选框时会调用一个方法,将该特定行添加到数组中。如果我在单击按钮时将复选框标记为选中状态,将如何调用该方法。

最佳答案

使用指令ng-checked

<tbody>
  <tr ng-repeat="row in myObject track by $index" ng-class-even="'alternate-row'">
    <td name="checkbox">
      <input type="checkbox" ng-checked="checkAll" ng-model="row.checked" ng-style="row.checkboxStyle" ng-click="setSelectedRow(row)" />
    </td>
    <td>{{ row.data1 }}</td>
    <td>{{ row.data2 }}</td>
  </tr>
</tbody>

在你的按钮功能中

selectAllGrid(){
 $scope.checkAll=true;
}

关于javascript - 单击按钮时在 Angular 中选择多个复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44254817/

相关文章:

javascript - canvas 的 drawImage 性能 : many small images vs few large

html - 跑马灯应该从中间开始?

javascript - AngularJS 对动态生成的输入指令的表单验证不适用于 ngForm

python - 如何匹配文本节点然后使用 XPath 跟随父节点

javascript - 如何在 AngularJS 应用程序中淡入/淡出文本?

angularjs - Angular 和 Typescript 内存泄漏

javascript - javascript中onclick和click的区别

javascript - 我们如何使用 jquery 在 select 标签中设置选项

javascript - 在 textAngular 指令初始之前设置 $rootScope

html - 有没有办法在 HTML5 中从相机捕获视频?