<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. ASP将查询数据导出EXCEL
  2. 成功解决.sh: line 6: syntax error near unexpected token `do
  3. Python的 is 和 == 弄懂了吗?
  4. mysql逻辑备份之mysqldump
  5. 《javaScript100例|02》超级经典一套鼠标控制左右滚动图片带自动翻滚
  6. php成品网站安装,PHPweb成品网站安装环境要求和安装方法
  7. java 不能继承的类_java中不能继承的类有哪些?
  8. Excel转html
  9. linux硬盘怎么分配合适,500G的硬盘,怎么分区比较合理?
  10. Mysql常用函数大全(分类汇总讲解)
  11. ARM来中关村“卖艺”,地平线机器人科技拜码头
  12. 【Python】生成全0矩阵的方法
  13. 小强的HTML5移动开发之路
  14. 前端系列——vue2+高德地图web端开发(地图控件)
  15. 经典的《Rework》
  16. 【金猿投融展】易观数科——智能用户运营服务商
  17. 给screen的会话改名字
  18. allegro输出gerber过孔盖孔
  19. datawhale 8月学习——NLP之Transformers:编写BERT模型
  20. php查询更新数据库数据类型,更新Update

热门文章

  1. 【vSphere系列二】安装 Openfiler 存储
  2. java if-then和if-then-else语句(翻译自Java Tutorials)
  3. 统一沟通成本节约数据表
  4. QuickFlow之任务代理-TaskDelegation
  5. Linux用户和HDFS和Hive权限关系
  6. git 撤销全部的commit_git 撤销commit
  7. 基于注解的 IOC 配置——创建对象(Component、Controller、Service、Repository)注入数据(Autowired、Qualifier、Resource、Value)
  8. Java的知识点22——时间处理相关类、Date时间类(java.util.Date)、DateFormat类和SimpleDateFormat类、Calendar日历类
  9. c++ 用指针将函数作为参数传参
  10. JAR软件转APK,在线转换器