商品题(查询+批量删除)

最新推荐文章于 2020-12-09 16:28:43 发布
最新推荐文章于 2020-12-09 16:28:43 发布
阅读量463 收藏
点赞数
分类专栏： H5 文章标签： angularjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YHMQ66/article/details/78578470
版权 
                    <!DOCTYPE html>

                    <html lang="en">

                    <head>

                    <meta charset="UTF-8">

                    <title>Title</title>

                    <script type="text/javascript" src="../Anglert/angular.js" ></script>



                    <script>

                    var myapp=angular.module("myapp",[]);



                    var data=[

                    {

                    done:false,

                    id:"1234",

                    name:"ipad",

                    price:3400,

                    only:10,

                    },

                    {

                    done:false,

                    id:1244,

                    name:"iphone",

                    price:6400,

                    only:5,

                    },

                    {

                    done:false,

                    id:1334,

                    name:"mypad",

                    price:4400,

                    only:20,

                    },

                    {

                    done:false,

                    id:8234,

                    name:"zpad",

                    price:8400,

                    only:130,

                    }

                    ]

                    myapp.controller("myctrl",function ($scope) {

                    $scope.data=data;

                    /*删除信息*/

                    $scope.del=(function (hh) {

                    var con=confirm("确定删除么?");

                    if(con==true){

                    for(var i=0;i<$scope.data.length;i++){

                    if($scope.data[i].name==hh)

                    {

                    $scope.data.splice(i,1);

                    }

                    }

                    }else{



                    }



                    }) ;

                    /*删除选中的*/

                    $scope.delall=function () {

                    var con=confirm("确定删除么?");

                    if(con==true){

                    for(var i=0;i<$scope.data.length;i++)

                    {

                    if($scope.data[i].done==true)

                    {

                    $scope.data.splice(i,1);

                    i--;

                    }

                    }

                    }else{



                    }



                    }

                    /*全选*/

                    $scope.checkAll=function () {

                    for(var i=0;i<$scope.data.length;i++)

                    {

                    if($scope.chec==true)

                    {

                    $scope.data[i].done=true;

                    }

                    else{

                    $scope.data[i].done=false;

                    }

                    }

                    }





                    $scope.shop = function () {

                    $scope.shop.color="red";

                    }



                    });

                    $(function () {

                    $("#a").click(function () {

                    $("#a").css("color","red");

                    $("#aa").css("color","black");

                    $("#a3").css("color","black");

                    $("#a4").css("color","black");

                    $("#a5").css("color","black");

                    });

                    $("#aa").click(function () {

                    $("#a").css("color","black");

                    $("#aa").css("color","red");

                    $("#a3").css("color","black");

                    $("#a4").css("color","black");

                    $("#a5").css("color","black");

                    });

                    $("#a3").click(function () {

                    $("#a").css("color","black");

                    $("#aa").css("color","black");

                    $("#a3").css("color","red");

                    $("#a4").css("color","black");

                    $("#a5").css("color","black");

                    });

                    $("#a4").click(function () {

                    $("#a").css("color","black");

                    $("#aa").css("color","black");

                    $("#a3").css("color","black");

                    $("#a4").css("color","red");

                    $("#a5").css("color","black");

                    });

                    $("#a5").click(function () {

                    $("#a").css("color","black");

                    $("#aa").css("color","black");

                    $("#a3").css("color","black");

                    $("#a4").css("color","black");

                    $("#a5").css("color","red");

                    });

                    });



                    </script>

                    </head>

                    <body ng-app="myapp" ng-controller="myctrl">

                    <div>

                    <h3>商品库存信息管理</h3>

                    <hr>

                    <div style="background-color: #E8FBFF;height: 25px">

                    <input type="text" value="" placeholder="请输入关键字..." ng-model="search">

                    <button type="button" style="margin-left:1270px;color: #c3c3c3;background-color: red"ng-click="delall()">批量删除</button>

                    </div>

                    <div>

                    <table border="1" bordercolor="#c3c3c3" width="500" cellpadding="0" cellspacing="0" style="width:1350px;text-align: center">

                    <thead>

                    <tr>

                    <td ><input type="checkbox"ng-click="checkAll()" ng-model="chec"></td>

                    <td id="a" ng-click="desc=!desc;col='id'" >商品编号</td>

                    <td id="aa" ng-click="desc=!desc;col='name'">商品名称</td>

                    <td id="a3" ng-click="desc=!desc;col='price'">商品价格</td>

                    <td id="a4"ng-click="desc=!desc;col='only'">商品库存</td>

                    <td id="a5"ng-click="desc=!desc;col=''">数据操作</td>

                    </tr>

                    </thead>

                    <tr ng-repeat="item in data|filter:{'name':search}|orderBy:col:desc">

                    <td><input type="checkbox" ng-model="item.done"></td>

                    <td>{{item.id}}</td>

                    <td>{{item.name}}</td>

                    <td>{{item.price|currency:"¥"}}</td>

                    <td>{{item.only}}</td>

                    <td>

                    <button style="color: #E8FBFF;background-color: yellow" ng-click="del(item.name)">删除</button>

                    </td>

                    </tr>



                    </table>

                    </div>

                    </div>



                    </body>

                    </html>

这里写图片描述

YHMQ66
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
笔记+面试题
一只肥嘟嘟的日常
02-15 1万+
笔记+面试
软件公司技术笔试试题
06-04
22. 当需要对整个表进行操作，例如批量更新或删除时，使用表级封锁较好，因为它可以防止其他事务同时访问整个表。 23. 视图是数据库中的虚拟表，基于一个或多个表的查询结果。作用包括简化查询、提供安全访问限制、...
sql删除语句_SQL 基础练习1——入门
weixin_39965490的博客
12-09 477
初学SQL，参考书目：《SQL 基础教程》，课程：猴子聊人物数据分析（初级）第六关：怎样使用SQL进行数据分析。入门练习包括两个部分：表的创建&数据的插入（SQL语句）一学就会，一做就错。有时小地方出错了去找原因一不小心半天就过去了，呵呵。实际操作时出错的地方：插入数据输入语句时，字符串常数没加单引号；运行出现主键值重复；输入了中文符号。一、表的创建数据库名称：school，包含有四个表：...
查询ecshop网站代码排查方法_功能测试——查询测试
weixin_39593277的博客
12-04 303
查询功能几乎在所有的软件产品中都有，查询功能极大的方便了用户根据条件检索所需的数据，通过不同条件的组合，得到不同价值的数据。查询功能测试一般考虑条件组合、结果显示两个方面。01、条件组合查询功能通常至少包括2个以上的查询条件。【案例1 ECShop商品信息查询功能测试】ECShop商品信息查询功能，包括商品分类、商品品牌、商品类型、供货商类型、商品状态、关键字等6个条件，如图1所示。图1 商品信息...
1.22 实例：商品信息查询
you can you up up up的博客
09-25 3424
综合一维数组和二维数组的相关知识，以及数组排序的多种算法来实现商品信息查询的功能。 假设在仓库系统中，每件商品都有 3 个库存信息，分别是入库量、出库量和当前库存量。定义一个一维数组来存储 5 件商品的名称，并定义一个二维数组来存储这 5 件商品的 3 个库存信息。用户可以根据商品名称查询该商品的所有库存，也可以查看某个类别库存下数量小于 100 的商品名单，并将该类别的所有库存量按从低到高的顺序排列。 具体的代码如下： import java.util.Scanner; public class Test
关于商品查询筛选案例
sophia
01-04 380
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
信息题(查询+批量删除+修改+添加)
YHMQ66的博客
11-20 603
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Angularjs的增删改查，排序，查询年龄范围</title> <script type="text/javascript" src="../Anglert/angular.js" ></script> <s
模糊查询+删除+修改+添加习题
qq_39753947的博客
10-22 685
综合练习 .addUser{ width: 100px;height: 40px;font-size: 18px;background-color: #11C1F3; } var app = angular.module("myApp",["ngRoute"]); //使用config配置路由规则 app.config(["$routeProvider",funct
Redis面试题（2020最新版）
热门推荐
ThinkWon的博客
12-13 56万+
文章目录概述什么是RedisRedis有哪些数据类型Redis有哪些优缺点Redis的应用场景为什么要用 Redis /为什么要用缓存为什么要用 Redis 而不用 map/guava 做缓存?Redis为什么这么快持久化什么是Redis持久化？Redis 的持久化机制是什么？各自的优缺点？如何选择合适的持久化方式Redis持久化数据和缓存怎么做扩容？过期键的删除策略Redis的过期键的删除策略R...
LayUi展示并实现批量删除
weixin_45953947的博客
10-21 1362
LayUi展示并实现批量删除 提示：使用多选框checkbox进行勾选删除 文章目录前言一、在表格渲染中添加头部导航栏二、头部添加工具栏1.toolbar2.设置单击事件，也可写为头部导航栏事件题外话 前言 LayUi展示并实现批量删除 提示：以下是本篇文章正文内容，下面案例可供参考 一、在表格渲染中添加头部导航栏 代码如下（示例）： <!-- 头部工具栏 --> <script type="text/html" id="toolbarDemo1"> <div cl
2021-2022计算机二级等级考试试题及答案No.13363.docx
10-27
3. 更新查询：在数据库操作中，更新查询用于修改已存在的记录，是最方便的方法来批量调整数据，例如上调产品价格。 4. PHP 变量：PHP是一种服务器端脚本语言，其变量名区分大小写，以$为前缀，但不能以数字开头，也...
计算机文化基础练习题.pdf
10-11
这在批量操作文件时非常实用，例如在查找或删除多个具有相同前缀或后缀的文件时。 2. 在计算机网络中，表征数据传输可靠性的指标是误码率。误码率是指在数据传输过程中错误比特数占传输总比特数的比例，它反映了...
毕业设计：ASP+ACCESS铁观音销售网站设计与实现(源代码)
05-24
进行社会需求调查后发现，对本考试试题订单管理系统的要求是订购者能在全国任何一个地方登录注册到本系统并且进行商品的...d、商品管理（批量查看所有商品，添加商品，查看／修改／删除商品）。 e、其他管理部分（添加
2021-2022计算机二级等级考试试题及答案No.3083.docx
11-01
9. 交叉表查询的数据源：创建交叉表查询时，数据源只能来自一个表或查询，选项A正确。 10. 三层架构：常见的三层架构包括界面层（用户交互）、商务逻辑层（业务规则处理）和数据访问层（数据存储和检索）。 11. ...
100款古风PPT (34)(1).pptx
最新发布
06-25
【ppt素材】工作总结、商业计划书、述职报告、读书分享、家长会、主题班会、端午节、期末、夏至、中国风、卡通、小清新、岗位竞聘、公司介绍、读书分享、安全教育、文明礼仪、儿童故事、绘本、防溺水、夏季安全、科技风、商务、炫酷、企业培训、自我介绍、产品介绍、师德师风、班主任培训、神话故事、巴黎奥运会、世界献血者日、防范非法集资、3D快闪、毛玻璃、人工智能等等各种样式的ppt素材风格。 设计模板、图片素材、PPT模板、视频素材、办公文档、小报模板、表格模板、音效配乐、字体库。 广告设计：海报，易拉宝，展板，宣传单，宣传栏，画册，邀请函，优惠券，贺卡，文化墙，标语，制度，名片，舞台背景，广告牌，证书，明信片，菜单，折页，封面，节目单，门头，美陈，拱门，展架等。 电商设计：主图，直通车，详情页，PC端首页，移动端首页，钻展，优惠券，促销标签，店招，店铺公告等。 图片素材：PNG素材，背景素材，矢量素材，插画，元素，艺术字，UI设计等。 视频素材：AE模板，会声会影，PR模板，视频背景，实拍短片，音效配乐。 办公文档：工作汇报，毕业答辩，企业介绍，总结计划，教学课件，求职简历等PPT/WORD模板。
012ssm-jsp-mysql社区疫情防控管理信息系统.zip（可运行源码+数据库文件+文档）
06-25
社区疫情防控管理信息系统是以实际运用为开发背景，运用软件工程开发方法，采用jsp技术构建的一个管理系统。整个开发过程首先对软件系统进行需求分析，得出系统的主要功能。接着对系统进行总体设计和详细设计。总体设计主要包括系统总体结构设计、系统数据结构设计、系统功能设计和系统安全设计等；详细设计主要包括模块实现的关键代码，系统数据库访问和主要功能模块的具体实现等。最后对系统进行功能测试，并对测试结果进行分析总结，及时改进系统中存在的不足，为以后的系统维护提供了方便，也为今后开发类似系统提供了借鉴和帮助。 本社区疫情防控管理信息系统采用的数据库是Mysql，使用JSP技术开发。在设计过程中，充分保证了系统代码的良好可读性、实用性、易扩展性、通用性、便于后期维护、操作方便以及页面简洁等特点。 关键词：社区疫情防控管理信息系统，JSP技术，Mysql数据库
2024年欧洲化疗引起恶心和呕吐（CINV）药物市场主要企业市场占有率及排名.docx
06-25
2024年欧洲化疗引起恶心和呕吐（CINV）药物市场主要企业市场占有率及排名.docx
接口测试登录接口和获取话题数.jmx
06-25
接口测试登录接口和获取话题数.jmx
notepad++ 批量替换通配符
10-08
你可以使用 Notepad++ 来批量替换通配符。以下是在 Notepad++ 中进行批量替换的步骤： 1. 打开 Notepad++ 软件。 2. 使用快捷键 Ctrl + H 或者从菜单栏选择 "搜索" -> "替换"。 3. 在弹出的替换对话框中，将你要...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值