主要思路:我們需要定義一個用於存儲選中 ID 的數組,當我們點擊復選框后判斷是選擇還
是取消選擇,如果是選擇就加到數組中,如果是取消選擇就從數組中移除。在點擊刪除按鈕
時需要用到這個存儲了 ID 的數組。
這里我們補充一下 JS 的關於數組操作的知識
(1)數組的 push 方法:向數組中添加元素
(2) 數組的 splice 方法:從數組的指定位置移除指定個數的元素 ,參數 1 為位置 ,參數
2 位移除的個數
(3)復選框的 checked 屬性:用於判斷是否被選中
具體代碼:
$scope.selectIds=[];//選中的 ID 集合 //更新復選 $scope.updateSelection = function($event, id) { if($event.target.checked){//如果是被選中,則增加到數組 $scope.selectIds.push( id); }else{ var idx = $scope.selectIds.indexOf(id); $scope.selectIds.splice(idx, 1);//刪除 } }
$scope.dele=function(){ //獲取選中的復選框 $http.get('../brand/delete.do?ids='+$scope.selectIds).success( function(response){ if(response.success){ $scope.reloadList();//刷新列表,獲取列表內容 } } ); }
<input type="checkbox" ng-click="updateSelection($event,entity.id)">
修改復選框內容,