<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input type="button" value="删除"> <table border=1> <thead> <tr> <th><input type="checkbox"></th> <th>2</th> <th>3</th> <th>4</th> </tr> </thead> <tbody> <tr> <td><input type="checkbox"></td> <td>打两份工</td> <td>真的很高</td> <td><button>删除</button></td> </tr> <tr> <td><input type="checkbox"></td> <td>打两份工</td> <td>真的很高</td> <td><button>删除</button></td> </tr> <tr> <td><input type="checkbox"></td> <td>打两份工</td> <td>真的很高</td> <td><button>删除</button></td> </tr> <tr> <td><input type="checkbox"></td> <td>打两份工</td> <td>真的很高</td> <td><button>删除</button></td> </tr> <tr> <td><input type="checkbox"></td> <td>打两份工</td> <td>真的很高</td> <td><button>删除</button></td> </tr> <tr> <td><input type="checkbox"></td> <td>打两份工</td> <td>真的很高</td> <td><button>删除</button></td> </tr> </tbody> </table> </body> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script> <script> $(function(){ $("input[type=button]").click(function(){ $("tbody").find("input:checkbox:checked").each(function() { // 遍历选中的checkbox n = $(this).parents("tr").index(); // 获取checkbox所在行的顺序 $("tbody").find("tr:eq("+n+")").remove(); }); }); }); $(function(){ $("thead").find("input[type=checkbox]").click(function(){ var flag = $(this).prop("checked"); $("tbody").find("input[type=checkbox]").each(function() { // 遍历选中的checkbox $(this).prop("checked",flag); }); }); }); </script> </html>
js教程
jquery批量全选和反选教程
- jquery教程
-
jQuery获取file控件中图片的宽高与大小
jQuery获取file宽高的代码如下,仅在火狐中测试了,其他浏览器兼容性未知。var _URL = window.URL || window.webkitURL;$("#file").change(function (e) { var file, img; if ((file = this.files[0])) { img = new Image(); img.onload = func...
-
Jquery实战视频教程 6小时精通Jq
Jquery实战视频教程 6小时精通Jq,实现小应用,附带教程源码。视频教程列表第7章 自动以Alert第6章 标记完成状态、定时提醒第5章 Task详情第4章 添加及查看Task第3章 细节完善第2章 整体布局第1章 ...
-
JQuery鼠标移动添加删除样式
JQuery鼠标移动添加删除样式方法,下面为代码案列$("a").hover(function(){ $(this).find("b").show();},function(){ $(this).find("b").hide();})鼠标移到A标签触发事件,下面的B标签显示,后门的function就是鼠标移开隐藏。...
-
echarts柱状图样式参数
1:线条/节点颜色series: [ { data: [150, 230, 224, 218, 135, 147, 260], type: 'line', ...
-
百度echarts柱状图使用教程
echarts简介echarts是百度出品的一款开源JS柱状图框架,目前市面柱状图大部分都是使用这...
-
网站已运行时间JS代码,分秒实时动态跳动
网站运行时间JS代码<style> #uptime { position: fixed; /* 固定定位 */ bottom: 0; /* ...
-
如何新建修改删除cookie
加载js库我们需要准备两个js库,一个是jquery.js,另一个是jquery.cookie.js这两个js库<script src="https://c...
-
Gridstack.js交互式仪表板Typescript库
项目介绍Gridstack.js是一个专注交互式仪表板Typescript库,用于仪表板布局和创建,只需几...