如何使用angularjs在单击父复选框时选中所有复选框

q9yhzks0  于 2021-09-29  发布在  Java
关注(0)|答案(0)|浏览(266)

我正在从事一个项目,其中有一个模板,我正在通过asp.net mvc中的引导模式加载该模板,在该模式中有一个表,我正在动态加载该表。每个记录旁边以及选中数据的每个复选框时都有复选框。现在我想添加一个父复选框,单击该复选框我想选中该表中的所有复选框。我已经编写了以下代码,但无法实现功能`

<table class="table table-condensed table-bordered table-hover left" style="width:100%;margin:0px;" 
                        <thead>
                            <tr>
                                <th>

                                <input type="checkbox" style="margin: 3px 0; ng-model="selectAll" 
         ng-click="checkAll()">
                                </th>
                                <th>NAME</th>
                                <th>CITY</th>
                            </tr>
                        </thead>

                        <tr ng-repeat="clientData in Clients>

                            <td>
                               <input type="checkbox" style="margin: 3px 0;" ng-model="clientData.IsSelectedClients" ng-change="checkClients(clientData.IsSelectedClients); IsAllSelectedClient=false;"/>

                            </td>
                            <td>{{clientData.Name}}</td>
                            <td>{{agentData.City}}</td>

                        </tr>
                    </table>`

代码如下

$scope.checkAll = function() {
    angular.forEach($scope.Clients, function(client) {
      client.IsSelectedClients= $scope.selectAll;
    });
  };

我不知道它为什么不工作。有人能帮我让它工作吗?提前谢谢

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题