我有一个复选框列表和一个按钮"验证",我想要的是当我点击该按钮时所有复选框都将被取消选中
我使用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将不会被取消选中 请帮忙 感谢帮助 更新: 当我从复选框中删除指令时,它可以工作,但我认为问题在于:(