angularJs獲取復選框中id 進行批量刪除


主要思路:我們需要定義一個用於存儲選中 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)">

修改復選框內容,


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM