js综合练习---实现全选、多选、反选操作（三）

最新推荐文章于 2022-08-11 09:51:36 发布

今夕何夕i

最新推荐文章于 2022-08-11 09:51:36 发布

阅读量236

点赞数

分类专栏： js 文章标签： js练习

本文链接：https://blog.csdn.net/NingIT/article/details/100587182

版权

本文详细介绍了如何使用JavaScript实现表格中全选、多选和反选的功能，通过实例代码讲解了核心逻辑，对于提升JavaScript操作DOM的能力具有一定的帮助。

摘要由CSDN通过智能技术生成

<html>
 <head>
  <title>HTML示例</title>
  <style type="text/css">

  </style>
 </head>
 <body>
	<input type="checkbox" id="boxid" onclick="selAllNo();"/>全选/全不选
	<br/>
	<input type="checkbox" name="love"/>篮球
	<input type="checkbox" name="love"/>排球
	<input type="checkbox" name="love"/>羽毛球
	<input type="checkbox" name="love"/>乒乓球
	<br/>
	<input type="button" value="全选" onclick="selAll();"/>
	<input type="button" value="全不选" onclick="selNo();"/>
	<input type="button" value="反选" onclick="selOther();"/>
	<script type="text/javascript">
		//实现全选和全不选
		function selAllNo() {
			/*
				1、得到上面那个复选框
					- 通过id获取到