js 实现checkbox 全选

最新推荐文章于 2023-12-12 09:03:02 发布

maomaoyu2099163

最新推荐文章于 2023-12-12 09:03:02 发布

阅读量149

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： Java HTML

本文链接：https://blog.youkuaiyun.com/maomaoyu2099163/article/details/83530151

JavaScript 专栏收录该内容

40 篇文章

订阅专栏

本文介绍了一个简单的JavaScript函数，该函数能够自动选中HTML页面上表单内的所有复选框元素。通过遍历表单元素并检查其类型来实现这一功能，为用户提供了一种快速操作表单的选择方式。

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


<%@ page contentType="text/html; charset=gb2312" language="java" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>test</title>
</head>
<script language="javascript">
function test()
{
	alert('start..');
	var cb =document.frm.elements;
	for(var i=0;i<cb.length;i++)
	{
		if(cb[i].type=='checkbox')
		{
			cb[i].checked=true;
		}
	}
}
</script>
<body>
<form action="" name="frm">
<table align="center">
<tr><td> <input type="checkbox" name="cb1"/>checkbox 1</td></tr>
<tr><td> <input type="checkbox" name="cb2"/>checkbox 2</td></tr>
<tr><td> <input type="checkbox" name="cb3"/>checkbox 3</td></tr>
<tr><td> <input type="button" name="cb3" value="Test" onClick="test();"/></td></tr>
</table>
</form>
</body>
</html>