angularJS 全选反选批量删除
<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 >
 @*<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");
}
});
};
angularJS 全选反选批量删除的更多相关文章
- 关于jquery全选反选 批量删除的一点心得
废话不多说直接上代码: 下面是jsp页面的html代码: <table id="contentTable" class=""> <thead& ...
- php--jquery操作全选、批量删除、加减行
- jQuery实现checkbox全选反选及删除等操作
1.list.html 说明:用checkbox数组Check[]存放每一行的ID值 <div id="con"> <table width="100% ...
- MVC3学习:利用mvc3+ajax实现全选和批量删除
本例数据库操作使用EF code first; 先利用mvc自带的模板,先生成一个list视图,然后再手动添加复选框和删除按钮 <table> <tr> @*在标题行添加一个全 ...
- AJAX实现弹窗显示详情,全选和批量删除
以Nation表为例,将Nation表显示在页面上,每一行数据前面加上复选框,后面加上查看详情,点击以弹窗形式显示每一行的数据,并且在表格最后一行加上全选复选框,点击选中全部数据,后面跟一个批量删除按 ...
- jquery操作全选、批量删除、加减行
--------------------------------------------------------------------------------------- html静态页面 --- ...
- jQuery实现全选/反选和批量删除
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncod ...
- Android开发 ---基本UI组件5:监听下拉选项,动态绑定下拉选项、全选/反选,取多选按钮的值,长按事件,长按删除,适配器的使用,提示查询数据,activity控制多按钮
效果图: 效果描述: 1.当点击 1 按钮后,进入选择城市的页面,会监听到你选中的城市名称:动态为Spinner绑定数据 2.当点击 2 按钮后,进入自动查询数据页面,只要输入首字母,就会动态查找以该 ...
- 【HTML5】页面点击按钮添加一行 删除一行 全选 反选 全不选
页面点击按钮添加一行 删除一行 全选 反选 全不选 页面效果图如下 html页面代码 <!DOCTYPE html> <html> <head> & ...
随机推荐
- python 编程测试练习2
1.将A.txt(多行)文件的内容读取出来写入到B.txt中 2.总结 一.python中对文件.文件夹操作时经常用到的os模块和shutil模块常用方法. 1.得到当前工作目录,即当前Python脚 ...
- awk字符串处理
awk 字符串处理函数 awk提供了许多强大的字符串函数,见下表:awk内置字符串函数gsub(r,s) 在整个$0中用s替代rgsub(r,s,t) 在整个t中用s替代rindex(s, ...
- 《用 Python 学微积分》笔记 2
<用 Python 学微积分>原文见参考资料 1. 13.大 O 记法 比较两个函数时,我们会想知道,随着输入值 x 的增长或减小,两个函数的输出值增长或减小的速度究竟谁快谁慢.通过绘制函 ...
- 织梦dedecms获取当前内容页栏目id号的方法
一,可在内容模板中直接这样写{dede:field.typeid/} 可显示本栏目的id 二,也可这样写 {dede:type}[field:ID /]{/dede:type} . 三, 如果是在{ ...
- Vue 及框架响应式系统原理
个人bolg地址 全局概览 Vue运行内部运行机制 总览图: 初始化及挂载 在 new Vue()之后. Vue 会调用 _init 函数进行初始化,也就是这里的 init 过程,它会初始化生命周期. ...
- flask学习(十一):if判断语句
1. 语法: {% if xxx %} {% else %} {% endif %} 2. if的使用,和python中if相差无几 用if判断,当用户名存在且年龄大于18时,才显示用户名和注销
- Codeforces Round #202 (Div. 2)
第一题水题但是wa了一发,排队记录下收到的25,50,100,看能不能找零,要注意100可以找25*3 复杂度O(n) 第二题贪心,先找出最小的花费,然后就能得出最长的位数,然后循环对每个位上的数看能 ...
- Centos7 使用Dockerfile 制作自己的Dotnetcore程序镜像
准备Centos7环境及Docker环境 从Docker hub拉取 Microsoft/dotnet 基础镜像(可以使用国内加速) 向Centos7指定目录上传Dotnet Core程序,目录: / ...
- Highcharts 散点图
Highcharts 散点图 配置 chart 配置 配置 chart 的 type 为 'scatter' .chart.type 描述了图表类型.默认值为 "line". ch ...
- MyCat的分片规则
1. 枚举法: 通过在配置文件中配置可能的枚举id,自己配置分片,使用规则: <tableRule name="sharding-by-intfile"> <ru ...