使用Jquery制作全选框和删除元素

是这样的，在JQuery动态拼接显示是条数据，加载在table里面。实现一个全选/反选还有就是删除元素代码如下<!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><script src="jquery-1.12.4.js

蓝蓝的代码人

1062人浏览 · 2022-03-22 11:15:59

蓝蓝的代码人 · 2022-03-22 11:15:59 发布

是这样的，在JQuery动态拼接显示是条数据，加载在table里面。

实现一个全选/反选

还有就是删除元素

代码如下

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<script src="jquery-1.12.4.js"></script>
	<script>
		$(function(){
			for(var i =1;i<=10;i++){
				$("table").append("<tr><td><input type='checkbox'>"+i+"</td><td>name"+i+"</td><td onclick='del(this)'>删除</td></tr>")
			}
			// 再点击全选或者反选时
			$("#all").click(function(){
				//pop是一个属性方法，1.6版本之前使用atter
				var f = $(this).prop("checked")//判断你现在checkbox的选择状态如果是放回true反之
				
				//让所有checkbox跟随这个状态
				$("input[type='checkbox']").prop("checked",f)
			})
		})
		function del(obj){
			$(obj).parent("tr").remove();
		}
	</script>
	<body>
		<input id="all" type="checkbox" />全选/反选
		<table border="1">
			
		</table>
	</body>
</html>

完