<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 全选反选批量删除相关推荐

  1. android 批量查找view,Android Recyclerview实现多选,单选,全选,反选,批量删除的功能

    效果图如下: recyclerview 实现多选,单选,全选,反选,批量删除的步骤 1.在recyclerview布局中添加上底部的全选和反选按钮,删除按钮,和计算数量等控件 2.这里选中的控件没有用 ...

  2. android 全选功能,Android Recyclerview实现多选,单选,全选,反选,批量删除的功能

    效果图如下: Recyclerview 实现多选,单选,全选,反选,批量删除的步骤 1.在Recyclerview布局中添加上底部的全选和反选按钮,删除按钮,和计算数量等控件 2.这里选中的控件没有用 ...

  3. android 获取通讯录全选反选_Android Recyclerview实现多选,单选,全选,反选,批量删除的功能...

    效果图如下: Recyclerview 实现多选,单选,全选,反选,批量删除的步骤 1.在Recyclerview布局中添加上底部的全选和反选按钮,删除按钮,和计算数量等控件 2.这里选中的控件没有用 ...

  4. jQuery如何动态删除TR,input按钮删除本行记录,checkbox全选反选

    checkbox 全选反选 1: var i = 1; 2: function CheckAllTeacher() { 3: if (i % 2 == 1) { 4: i++; 5: $(" ...

  5. 【HTML5】页面点击按钮添加一行 删除一行 全选 反选 全不选

    页面点击按钮添加一行    删除一行   全选   反选  全不选 页面效果图如下 html页面代码 <!DOCTYPE html> <html><head>< ...

  6. angularjscheckbox全选_AngularJS实现全选反选功能

    这篇文章主要介绍了AngularJS实现全选反选功能,这里用到AngularJS四大特性之二----双向数据绑定,对angularjs实现全选反选相关知识感兴趣的朋友一起学习吧 AngularJS是为 ...

  7. JQuery全选反选 随其他checkbox自动勾选全选反选

    工作中的代码片段 写出来留作以后对比参考 网上没找到自己想要的全选反选代码 干脆自己写了个比较臃肿的 相信还有更加简单的方法 jquery代码 ============================ ...

  8. php实现复选框删除功能,php怎么实现复选框批量删除

    php实现复选框批量删除的方法:首先连接数据库并获取一张表:然后创建一个form表单并定义一个复选框:接着添加一个批量删除按钮:最后创建删除的PHP处理页面即可. 本文操作环境:Windows7系统. ...

  9. html dom反选,Dom操作--全选反选

    我们经常会在网站上遇到一些多选的情况,下面我就来说说使用Dom写全选反选的思路. 全选思路: 首先,我们来分析一下知道,当我们点击"全选"复选框的时候,所有的复选框应该都被选中,那 ...

最新文章

  1. 兰州大学的《致谢》火了:“我从来不曾优秀过,也从来不曾放弃过!”
  2. ashx获取客户端excel文件_Spring Boot实现导出Excel功能
  3. 深入浅出强化学习_直播 | 深入浅出理解 A3C 强化学习
  4. binaryviewer java_用java实现java的2进制文件字节序转换到C/C++的2进制文件字节序
  5. c++ ea 代码 生成_看EA如何生成代码框架
  6. vue.js v-model
  7. 腾讯回应“二选一”;微信内测更新;特斯拉车祸再致命 | CSDN极客头条
  8. 驱动精灵、人生限速曲线救国
  9. 修改HBuilder的livereload添加自定义响应模块
  10. 2020年最新Django经典面试问题与答案汇总(上)-大江狗整理
  11. Windows添加共享文件夹添加一个网络位置图文教程
  12. Moto Z2F 使用体验 刷机经验分享
  13. unity启动Logo大小的问题
  14. 手指头肌腱损伤鸿蒙训练,手指肌腱损伤恢复方法有哪些
  15. 马克西尼的心流体验模型
  16. 移动 电信 联通 APN cmwap cmnet ctwap ctnet 3gwap uniwap 3gnet uninet是...
  17. 一个时间的小工具_更新倒计时功能
  18. 食神摇摇中图片的晃动效果
  19. NDN-lite 命名数据网络 -----第一章:关于Interest和Data
  20. JDK12 Collectors.teeing 你真的需要了解一下

热门文章

  1. WEBPACK 入门
  2. sql查阅每一月的数据
  3. RHEL5.3下手动创建用户
  4. dataset for person re-id
  5. Opencv-Python部署SIFT函数问题的处理
  6. 开始→运行→输入的命令集锦(转载)
  7. 数据结构源码笔记(C语言):集合的位向量表示
  8. 箭头函数参数和返回值
  9. C语言实现割线法求零点以及详解割线法
  10. Spring Boot使用缓存功能