jQuery复选框选择数

属性过滤选择器使用

$("button[name=check]")

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://code.jquery.com/jquery-3.4.0.min.js"></script>

</head>
<body>
<p> 多选框 </p>

<input type="checkbox" name="check" value="1">test1<br>
<input type="checkbox" name="check" value="2">test2<br>
<input type="checkbox" name="check" value="3">test3<br>
<input type="checkbox" name="check" value="4">test4<br>
<button name ="check" onclick="displayResult()">选择个数 </button>
<script>
$("button[name=check]").click(function(){
	var len=$("input:checkbox:checked").length;
	alert("选中个数为"+len);
})
</script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_41916395/article/details/89453631
今日推荐