<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 要求:四个多选框,做一个点击多选框判断数量的效果,如果超过两个多选框被选中会提示最多选中两个多选框并取消选中 -->
<input type="checkbox" name="chose">1
<input type="checkbox" name="chose">2
<input type="checkbox" name="chose">3
<input type="checkbox" name="chose">4
<script src="jquery-1.10.1.min.js"></script>
<script>
// 每一次点击完之后之后都会对input进行遍历(选中的会保留选中的状态),判断有几个被点击了,统计数量,判断是否超过两个
$("input").click(function (){
var num = 0;
$("input").each(function (){
if($(this).is(":checked")){
num++;
}
})
if(num>=3){
alert("最多只能选择两项");
return false;
}
})
</script>
</body>
</html>
练习-判断多选框的数量
最新推荐文章于 2021-09-16 11:46:41 发布