<th>
<label for="flag">
<span ng-hide="master">全選</span>
<span ng-show="master">取消全選</span>
<input type="checkbox" ng-model="master" ng-click="all(master,$data)">
</label>
</th>

<td >
&#8194@*<input type="checkbox" ng-checked="selectAll" ng-model="persons" ng-click="static(persons)">*@
<input id={{row}} type="checkbox" ng-model="x" ng-checked="master" ng-click="chk(row,x)">
</td>

-----------------------row代表行數據---------------------------------------------------

$scope.choseArr = [];//定義數組用于存放前端顯示
var str = "";//
var flag = '';//是否點擊了全選，是為a
$scope.x = false;//默認未選中
$scope.all = function (c, v) {//全選
if (c == true) {
$scope.x = true;
$scope.choseArr = v;
for (var i = 0; i < v.length; i++) {
str = str + v[i].PID + ',';
}
$scope.choseArr = (str.substr(0, str.length - 1)).split(',');
} else {
$scope.x = false;
$scope.choseArr = [""];
str = "";
}
flag = 'a';
};
$scope.chk = function (z, x) {//單選或者多選
if (flag == 'a') {//在全選的基礎上操作
//str = $scope.choseArr.join(',') + ',';
}
if (x == true) {//選中
str = str + z.PID + ',';
} else {
str = str.replace(z.PID + ',', '');//取消選中
}
$scope.choseArr = (str.substr(0, str.length - 1)).split(',');
};

///批量刪除
$scope.batchBelete = function () {
if ($scope.choseArr[0] == "" || $scope.choseArr.length == 0) {//沒有選擇一個的時候提示
alert("請至少選中一條數據再操作！")
return;
};
var id = "";
for (var i = 0; i < $scope.choseArr.length; i++) {
//alert($scope.choseArr[i]);
console.log($scope.choseArr[i]);//遍歷選中的id
id = id + $scope.choseArr[i] + ',';
}
var Jid = (id.substr(0, id.length - 1)).split(','); //去掉小數點最后一位
$http({
url: '/NGtext/BatchDeleteJsonData',
method: 'post',
params: {
jid: Jid
}
}).success(function (data) {
if (data == "ok") {
window.history.go(0); //刷新頁面
alert("Batch delete successful");

}
});
};

轉載于:https://www.cnblogs.com/manwwx129/p/6867700.html

總結

以上是生活随笔為你收集整理的angularJS 全选反选批量删除的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。