添加/删除/批量删除

最新推荐文章于 2023-11-28 14:04:17 发布
最新推荐文章于 2023-11-28 14:04:17 发布
阅读量805 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42436644/article/details/80684743
版权
 <!DOCTYPE html>
 <html>
  
 <head>
 <meta charset="UTF-8">
 <title>练习</title>
 <!--引入jqury-->
 <script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
 <script type="text/javascript">
 //jquery的选择器，得到的是个数组，如果要使用某个标签对象，需要加上下标
 //因为id是唯一的，所以，id选择器可以省略
 //$("#add").通过选择器找到标签，click 绑定点击事件(function()事件触发之后的回调方法{
  
 $(document).ready(function() {
 //将js代码写在这个方法里面ready
 $("#add").click(function() {
 var uname = $("#uname").val();
 if(uname == "") {
 alert("名字不能为空")
 return;
 }
 console.log(uname)
 //将数据添加到表格里面--jquery创建标签
 var tr = "<tr><td><input type='checkbox'/></td><td>" + uname + "</td><td><input type='button' value='删除' οnclick='dele(this)'/></td></tr>";
 //，添加子标签 在父标签后面添加
 $("#table").append(tr);
  
 });
  
 //批量删除
 $("#deleAll").click(function(){
  
 //删除选中的
 var cbs = $("[type=checkbox]:checked");
 if(cbs==null||cbs.length==0){
 alert("至少请选择一个")
 return;
 }
 console.log(cbs)
 for (var i = 0; i < cbs.length; i++) {
 //根据cb 找到tr
 var cb = cbs[i];
 var tr = cb.parentNode.parentNode;
 tr.remove();
 }
  
 })
  
  
  
 }); //ready 文档加载完毕后的回调
  
 function dele(t){
 var tr =t.parentNode.parentNode;//使用原生js
 tr.remove();
  
 // var tr = t.parent().parent();
 // tr.remove()
 }
  
 </script>
 </head>
  
 <body>
 <input type="text" name="" id="uname" value="" />
 <input type="button" name="" id="add" value="添加" />
 <input type="button" name="" id="deleAll" value="批量删除" />
 <table border="1px" id="table">
 <tr>
 <td>选择</td>
 <td>名字</td>
 <td>删除</td>
 </tr>
 <tr>
 <td><input type="checkbox" name="" id="" value="" /></td>
 <td>川普</td>
 <td><input type="button" value="删除" onclick="dele(this)"/></td>
 </tr>
 </table>
  
 </body>
  
 </html>
qq_42436644
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery 父元素选择器 parent() 和 parents()
黄河爱浪的博客-专注CSS,jQuery,uni-app领域
07-27 7941
jQuery的父元素选择器小编很少使用，但却看到不少web开发者们经常使用。 小编个人是不太推荐使用父元素选择器的。因为如果是列表的情况下，在循环时可以将当前的索引绑定给需要点击的按钮，通过索引查找元素。 本篇文章在小编不推荐的情况下，还是决定写一篇。 先来一段 HTML结构代码 <table class="table table-bordered" id="user...
HTML 添加+删除+批量删除
遗声落西秦
12-05 7304
body { width: 80%; margin: 0 auto; } table { width: 100%; border: 1px solid; } th, td { border: 1px solid; } function del(e) { $(e).parent
一键删除多余内容，批量处理HTML文本，轻松省时！
最新发布
hlyling的博客
11-28 575
第五步，选择完毕之后，我们就可以看见里面还有分成两个类型，，一种是：单个内容删除，另一种是：多个内容删除。小编选择单个内容删除。第七步，等上方的状态栏显示删除单个内容成功，我们就可以打开文件进行查看，发现我们多余的内容已经删除完毕了。第六步，然后就要在删除内容里将要删除的内容进行输入，再点击批量删除内容，即可。第三步，在弹出来的文件夹里，将您要删除内容的HTML文件进行导入进去。有两种选项，第一种是：删除行，第二种是删除字，小编选择的的是删除字。第四步，然后在下方的功能栏里，选择“删除内容”功能。
批量删除
weixin_44577418的博客
06-08 3605
一．分析过程 1.今天就说说什么是批量删除？批量删除也就是同时删除多条数据，首先要把所需要的数据选中， 批量 删除 说简单一点就是在 删除 单个记录的基础上多写一个for循环语句。 在for循环语句中依次执行单个 删除 的操作，最后达到 批量 删除 的效果。 2.批量删除先要获取选中行，然后点击批量删除，要删除首先需要一个ID { type: ‘checkbox’, fixed: ‘left’ },//复选框列,fixed:‘left’ 将列固定在左边 { field: ‘productID’, title
批量删除html网页,实现Web上行式输入打勾多选和批量删除
weixin_42393829的博客
06-18 1288
快逸报表用户在使用行式填报进行数据输入的时候，页面上往往有很多行数据。有些情况下，终端用户要批量操作很多数据，例如：删除30行数据中的28行。如果每一行点一下删除，那么网页要刷新28次，效率比较低。因此，我们给出一种可以打勾选择多行数据，集中批量操作的方案。最终效果如图，完整的demo(raq文件和jsp文件)：解决方案报表设计其中：A2设置为复选框，关值为0，开值为1。批量删除的Javascri...
QTableWidget批量添加数据、批量添加控件、分页跳转、定位到指定行、添加/插入/删除行的功能实现
09-01
制作LED指示灯、批量添加QPushButton控件，实现“打开”/“关闭”的切换、批量添加QCheckBox控件，实现“选中”/“未选中”的切换、定位到指定行、添加/插入/删除行的功能实现
MyBatis批量添加、修改和删除
09-02
批量删除的原理与批量修改类似，只是 SQL 语句变为 DELETE FROM 而非 UPDATE。这里没有提供具体的示例，但可以参考批量修改的模式，将 SET 子句替换为 DELETE FROM 语句，根据需要指定 WHERE 条件。 在进行批量操作...
批量添加、修改、删除sql语句.docx
01-20
在MySQL中，我们可以使用DELETE语句来批量删除数据。例如，我们可以使用以下语句批量删除多条记录： ```sql DELETE FROM product_label WHERE id IN (1, 2, 3); ``` 这条语句将删除id为1、2、3的记录。 使用...
springboot项目在Oracle下测试批量添加和批量删除
02-04
springboot项目在Oracle下测试批量添加和批量删除，使用spring boot构建的项目，数据库配置的时oracle,想换成MySQL自己把配置文件中的MySQL链接注释去掉即可。项目测试了Oracle下添加，删除数据，批量添加和批量删除...
asp批量添加修改删除操作示例代码
10-20
主要介绍了asp批量添加修改删除操作示例，包括js客户端数据有效性验证，服务器端自己添加验证,需要的朋友可以参考下
批量删除源代码
04-24
批量删除，可全选 可反选..具体操作可以从代码中看出。
Java 批量删除html中注释内容的方法
09-04
最近项目中有一个功能需要读取外部html文本文件。但是有的html文件里面有大量的注释，需要删除其中的注释在存储
java批量删除
09-26
批量删除，速度快,效率高，代码不是问题，重要的是人品
SSM框架后台管理系统（学习代码）实现分页、批量删除、查找
01-12
导入mysql即可运行，本系统实现人员管理系统部分，分页、批量删除、查找等功能。
Java实现多选批量删除,含前后端相关代码
见证自己学习,成长的记录
08-24 1万+
本文介绍如何使用Java实现多选批量删除
php即点即改,实例讲解jQuery实现checkbox即点即改批量删除功能
weixin_36484714的博客
03-13 136
本文主要介绍了jQuery实现checkbox即点即改批量删除及中间遇到的坑,非常不错，具有参考借鉴价值，需要的朋友可以参考下，希望能帮助到大家更好的学习掌握jQuery。最近要用jQuery实现一个批量删除操作，效果如下图最终页面page.html，此页面使用了bootstrap和jQuery，如果没有需要下载一下视频管理.head {background-color: #EFEFF4;font...
python-批量删除文件
分享知识
05-15 3049
有时候我们因为一些任务会下载很多的文件，比如一个文件夹下有100w的图片或是文本之类的。 然后直接右键删除，会发现删除的速度是否的慢，每秒只能删除几十个数据。 如果用代码来删除，1分钟不到就删除完毕 文件的存放形式和代码如下： 我们把当前目录下的data文件夹下的所有除文件夹外的数据进行删除。 import os file_path = './data/' def del_file(path): ls = os.listdir(path) for i in ls:
MySQL 删除数据 批量删除(大量)数据
热门推荐
我的博客
12-18 2万+
在删除数据的时候根据不同的场景使用不同的方法，比如说删除表中部分数据、删除表的结构、删除所有记录并重置自增ID、批量删除大量数据等，可以使用delete、truncate、drop等语句。
for循环批量添加用户并设置密码 批量删除
05-13
要批量添加用户并设置密码，可以使用以下的Python代码： ```python import subprocess usernames = ['user1', 'user2', 'user3'] # 要添加的用户名列表 password = 'password123' # 设置的密码 for username in usernames: command = ['useradd', '-m', username] # 添加用户 subprocess.run(command, check=True) # 运行命令并检查是否成功 command = ['echo', f'{password}\n{password}\n'] # 设置密码 subprocess.run(command, check=True, input=username.encode(), universal_newlines=True) # 运行命令并检查是否成功 ``` 要批量删除用户，可以使用以下的Python代码： ```python import subprocess usernames = ['user1', 'user2', 'user3'] # 要删除的用户名列表 for username in usernames: command = ['userdel', '-r', username] # 删除用户及其家目录 subprocess.run(command, check=True) # 运行命令并检查是否成功 ``` 需要注意的是，这些操作需要使用root权限或者以root身份运行。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值