<!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批量全选和反选教程
js教程
我的站长站
2023-03-13
共66人阅读
相关推荐
- 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就是鼠标移开隐藏。...
-
jQuery1.11.3参考手册.chm下载
jQuery1.11.3参考手册.chm，包含以下主要内容：速查表、核心、选择器、属性、筛选、文档处理、CSS、事件、效果、Ajax、工具、事件对象、延迟对象、回调函数jQuery手册截图...
-
jQuery淡入淡出效果语法教程
实现前端特效的方法很多，最方便的还是css，当然有些特效还是使用JavaScript脚本比较简单，具体的还得看情况而定。jquery作为高度封装的JavaScript，它给我们提供了一些特效实现方式，我们一起来学习下吧。jQuery Fading 方法通过 jQuery，您可以实现元素的淡入...
最新更新
-
01js返回上一页、刷新页面代码大全 2天前
-
02js语言!=与!==的区别 6天前
-
03JS防止网站被扒的解决方法 3周前
-
04Hexo插件开发实战教程 1个月前
-
05JavaScript定时删除指定元素方法 1个月前
热门推荐
-
01分享一个QQ音乐刷音响力API接口和JS请求代码 1185热度
-
02淘宝买家秀API+ajax代码 748热度
-
03QQ情侣头像API接口代码 592热度
-
04京东盲盒自动做任务JS脚本 561热度
-
05JS去除腾讯爱奇艺优酷视频右上角LOGO 361热度