批量删除
来源:互联网 发布:28在线客服系统源码 编辑:程序博客网 时间:2024/05/23 14:03
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<input type="text" ng-model="gname"/>
<input type="button" value="添加" ng-click="add()"/>
<input type="button" value="批量删除" ng-click="piliang()"/>
<table border="1px" cellspacing="0px" cellpadding="0px">
<tr ng-repeat="g in goods">
<td><input type="checkbox" ng-click="xuanzhong($index)"/></td>
<td>{{g.gname}}</td></tr>
</table>
<script type="text/javascript">
var mo = angular.module("myApp",[]);
mo.controller("myCtrl",function($scope){
//定义数组
$scope.goods = [{"flag":false,"gname":"足球"}];
//添加
$scope.add = function(){
//创建对象
var good = {"flag":false,"gname":$scope.gname};
//将对象放入数组
$scope.goods.push(good);
// $scope.goods.unshift();//向第一个位置添加
}
//根据复习框的索引,改变flag值
$scope.xuanzhong = function($index){
$scope.goods[$index].flag = !$scope.goods[$index].flag;
}
//批量删除
$scope.piliang = function(){
//反着遍历
for(var i = $scope.goods.length-1;i>=0;i--){
var g = $scope.goods[i];
if(g.flag){
$scope.goods.splice(i,1);
}
}
}
});
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<input type="text" ng-model="gname"/>
<input type="button" value="添加" ng-click="add()"/>
<input type="button" value="批量删除" ng-click="piliang()"/>
<table border="1px" cellspacing="0px" cellpadding="0px">
<tr ng-repeat="g in goods">
<td><input type="checkbox" ng-click="xuanzhong($index)"/></td>
<td>{{g.gname}}</td></tr>
</table>
<script type="text/javascript">
var mo = angular.module("myApp",[]);
mo.controller("myCtrl",function($scope){
//定义数组
$scope.goods = [{"flag":false,"gname":"足球"}];
//添加
$scope.add = function(){
//创建对象
var good = {"flag":false,"gname":$scope.gname};
//将对象放入数组
$scope.goods.push(good);
// $scope.goods.unshift();//向第一个位置添加
}
//根据复习框的索引,改变flag值
$scope.xuanzhong = function($index){
$scope.goods[$index].flag = !$scope.goods[$index].flag;
}
//批量删除
$scope.piliang = function(){
//反着遍历
for(var i = $scope.goods.length-1;i>=0;i--){
var g = $scope.goods[i];
if(g.flag){
$scope.goods.splice(i,1);
}
}
}
});
</script>
</body>
</html>
阅读全文
0 0
- 批量删除
- 批量删除
- 批量删除
- 批量删除
- 批量删除
- 批量删除
- 批量删除
- 批量删除
- 批量删除
- 批量删除
- 批量删除
- 批量删除
- 批量删除
- 批量删除
- 批量删除
- 批量删除
- 批量删除
- 批量删除
- sqlite3_get_table 使用举例
- 生成对抗网络(GAN)的理论与应用完整入门介绍
- Git使用手册:git fetch 将远程仓库的分支及分支最新版本代码拉取到本地
- 兼容问题
- css(四)---背景图片和其他小功能
- 批量删除
- Spring Data Jpa @Query Pageable用法
- 关于使用邮箱作为登录验证机制的想法
- 面向对象(一):对象属性
- oracle pivot函数demo
- SpringMVC首页的小技巧
- Android 获取照片位置信息
- Areca Backup槟榔备份记录整理
- 【C++温故】(2) 类的继承(二)