html实现全选，反选功能

最新推荐文章于 2024-01-09 18:29:04 发布

wao小猪配齐

最新推荐文章于 2024-01-09 18:29:04 发布

阅读量1.3k

点赞数

分类专栏：笔记文章标签： js

本文链接：https://blog.youkuaiyun.com/qq_43956225/article/details/109109451

版权

本文介绍如何使用JavaScript实现HTML表格中的全选和反选功能，包括选择和取消选择所有复选框的操作步骤及代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript " src="js/jquery-1.7.2.js"></script>
		<script >
			function quanxuan()
			            {
			        		var arr= document.getElementsByName("name");
			        		var all=document.getElementById("c1");
			        		for(var i=0;i<arr.length;i++){
			        			arr[i].checked=true;
			        		}
			        	}
			function fanxuan(){
			        		var arr= document.getElementsByName("name");
			        		var all=document.getElementById("c1");
			        		for(var i=0;i<arr.length;i++){
			        			arr[i].checked=false;
			        		}
			        	}
			
		</script>
	</head>
	<body>
		
		<div id="dv1">
		    <input type="checkbox" name="name"

最低0.47元/天解锁文章