JS全选全不选

最新推荐文章于 2023-09-20 19:30:12 发布

zhangyongzhe00

最新推荐文章于 2023-09-20 19:30:12 发布

阅读量154

点赞数 1

分类专栏： JS 文章标签： js

本文链接：https://blog.csdn.net/zhangyongzhe00/article/details/105466608

版权

JS 专栏收录该内容

1 篇文章

订阅专栏

JS全选全不选

<!DOCTYPE html>
<html>
<head>
	<title>全选全不选</title>
	<meta charset="UTF-8">
	<script type="text/javascript">
		//全选 全不选
	 function check(){
 	    //学生编写代码1
		var checkedALL=document.getElementsByName("product");
		var checkbox=document.getElementById("all");
		for(var i=0;i<checkedALL.length;i++){
			checkedALL[i].checked=checkbox.checked;
		}
	}
	</script>
</head>

<body>
	<table border="0">
		<tr><td><input type="checkbox" id="all" onclick="check();"></td><td>全选全不选</td></tr>
		<tr>
			<td><input type="checkbox" name="product"></td>
			<td><img src="images/1.png"></td>
		</tr>
		<tr>
			<td><input type="checkbox" name="product"></td>
			<td><img src="images/2.png"></td>
		</tr>
		<tr>
			<td><input type="checkbox" name="product"></td>
			<td><img src="images/3.png"></td>
		</tr>
	</table>
</body>
</html>