使用angularJS中的按钮取消选中复选框列表

时间:2016-06-16 12:22:38

标签: javascript angularjs checkbox

我有一个复选框列表和一个按钮"验证",我想要的是当我点击该按钮时所有复选框都将被取消选中

我使用angularJS,这是我的代码:

<table>
<tbody ng-model="finalOperationsList">
  <tr ng-repeat="item in finalOperationsList track by $index ">
     <td><input type="checkbox" ng-model="$scope.selectedAll" checkbox-group /></td>
 </tr>
</tbody>
</table>

<div class="col-sm-3">
  <button ng-click="duplicateFichePaquets(eclatementCourante.ordreFabricationId)">Validate</button>
</div>

这是js:

 $scope.duplicateFichePaquets = function(ordreFabricationId) {

                     $http
                            .get(URL)
                            .success(
                                   function(gammeof) {
                         $scope.finalOperationsList =gammeof.operationsList;
                                      $scope.selectedAll = false;
                                   });
                         } 

当我点击另一个按钮时,我使用指令发送每个已检查元素的id,这是指令:

.directive("checkboxGroup", function() {
        return {
            restrict: "A",
            link: function(scope, elem, attrs) {
                // Determine initial checked boxes
                if (scope.array.indexOf(scope.item.id) !== -1) {
                    elem[0].checked = true;
                }

                // Update array on click
                elem.bind('click', function() {
                    var index = scope.array.indexOf(scope.item.id);
                    // Add if checked
                    if (elem[0].checked) {
                        if (index === -1) scope.array.push(scope.item.id);
                    }
                    // Remove if unchecked
                    else {
                        if (index !== -1) scope.array.splice(index, 1);
                    }
                    // Sort and update DOM display
                    scope.$apply(scope.array.sort(function(a, b) {
                        return a - b
                    }));
                });
            }
        }
    })

但是当我点击那个按钮&#34;验证&#34;我什么都没得到,ckeckboxes将不会被取消选中 请帮忙 感谢帮助 更新: 当我从复选框中删除指令时,它可以工作,但我认为问题在于:(

0 个答案:

没有答案