html 全选按钮

最新推荐文章于 2024-05-16 03:09:27 发布

十里相思

最新推荐文章于 2024-05-16 03:09:27 发布

阅读量6.4k

点赞数 1

本文链接：https://blog.csdn.net/weixin_43986060/article/details/87721337

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function checkAll(ck){
				var arr=document.getElementsByName('good');
				var ck=document.getElementById('ck');
				for(i in arr){
					arr[i].checked=ck.checked; // 全选
					//arr[i].checked=!arr[i].checked; 反向全选
				}
			}
		</script>
	</head>
	<body>
		<table border="1">
			<tr>
				<td><input type="checkbox" id="ck" onclick="checkAll(this)"/>全选 </td><td>商品名</td>
			</tr>
			<tr>
				<td><input type="checkbox" name="good" value="1"/></td><td>牛奶</td>
			</tr>
			<tr>
				<td><input type="checkbox" name="good" value="2" /></td><td>面包</td>
			</tr>
		</table>
	</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

十里相思

关注关注

1
点赞
踩
14

收藏

觉得还不错? 一键收藏
0
评论
html 全选按钮

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script&gt; function checkAll(ck){ var arr=document.getElementsByNam
复制链接

扫一扫