jquery实现表格的多行删除
来源:互联网 发布:安卓直播app源码 编辑:程序博客网 时间:2024/06/11 08:28
初学jquery,发现自己比较脑残的一味百度,找到一些代码,就想着运行,出现问题不知道怎么解决。
下面介绍如何运用jquery实现表格的多行删除
首先如果你没有jquery类库,要先下载jquery类库,否则你的代码会运行不会出现你想要的结果。下载之后要引用。代码如下,随后还有jquery的类库压缩包,有需要的可以下载。
<!DOCTYPE html><html><head><meta charset="utf-8"><title>表格的删除</title><script src="jquery/jquery-1.8.3.min.js"></script> //这里引入jquery的js文件,需要下载类库,下载相应的版本就可以正常应用了。<script type="text/javascript">$(function(){ $("input[type='button']").click(function() { //alert("sf"); $("input[name='test']:checked").each(function() { // 遍历选中的checkbox n = $(this).parents("tr").index(); // 获取checkbox所在行的顺序 $("table#test_table").find("tr:eq("+n+")").remove(); }); });});</script></head><body><table id = "test_table" border="1px"> <tr><td><input type="checkbox" name="test"></td><td>1</td><td>2</td><td>3</td></tr> <tr><td><input type="checkbox" name="test"></td><td>4</td><td>5</td><td>6</td></tr> <tr><td><input type="checkbox" name="test"></td><td>7</td><td>8</td><td>9</td></tr> <tr><td><input type="checkbox" name="test"></td><td>10</td><td>11</td><td>12</td></tr></table><input type="button" value="删除"></body>
0 0
- jquery实现表格的多行删除
- Jquery实现表格行的添加、删除
- Jquery实现表格行的添加、删除
- Jquery实现表格行的添加、删除
- jQuery实现表格行的动态增加与删除
- jQuery实现表格行的动态增加与删除
- jQuery删除用div加ul实现的表格行
- jQuery实现表格的查看修改删除
- jquery实现删除表格当前点击行
- jquery删除表格行
- Jquery删除按钮所在的表格行
- jQuery 删除行(带跨行的表格)
- Jquery实现简单的表格添加、编辑、删除教程
- Jquery实现简单的表格添加、编辑、删除教程
- jQuery实现用户信息表格的添加、删除操作
- CSS设计表格(中)--jQuery实现删除指定行
- jQuery实现表格行的动态增加与删除(改进版)
- jquery实现带复选框的表格行选中删除时高亮显示
- onkeydown事件的拦截
- linux编辑命令快捷键
- Kafka vs RocketMQ ——消息及时性对比
- 复杂可编程逻辑器件CPLD
- linux fedora 24 gnome terminal 启动 network gui
- jquery实现表格的多行删除
- BIT_打印正方形
- Linux电源管理-Suspend/Resume流程
- 基于laravel框架的antvel 在迁移数据数据出错
- matlab学习
- 《软件工程(C编码实践篇)》小结
- BIT_max
- 微信6.0主界面开发
- android成长之路,获取外部与内部储存的代码