Demo-取checkbox选中个数

最新推荐文章于 2019-12-06 23:19:14 发布

原创最新推荐文章于 2019-12-06 23:19:14 发布 · 636 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery

Jquery学习专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个简单的HTML页面示例，该页面使用jQuery来获取已选中的复选框值并将其存储到数组中。此外，还展示了如何通过按钮点击事件触发函数来显示所选值的数量。

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

<!DOCTYPE html>
<html>
<head>
	<title>test</title>
	<script type="text/javascript" src="./jquery-1.7.2.min.js"></script>
	<script type="text/javascript">
		$(function(){
			
			var arrays = new Array();

			var sumCheckbox = document.getElementsByName("check");
			
			for (var i = 0; i < sumCheckbox.length; i++) {

				if(sumCheckbox[i].checked) {
					arrays.push(sumCheckbox.value);
				}
			}
			alert(arrays);
			var btn = document.getElementById("btn");

			btn.onclick = function(){

				document.write(arrays.length);
				alert(arrays.length);
			}
			
		
		});
		
	</script>
</head>
<body>
	
	<div id="tt">

		<input type="checkbox" value="1" name="check" checked="checked"></input>
		<input type="checkbox" value="2" name="check" ></input>
		<input type="checkbox" value="3" name="check" checked="checked"></input>

		<input type="button" value="click" id="btn"></input>
	</div>


</body>
</html>