js点击复选框获得checkbox里选中的多个值

最新推荐文章于 2024-03-01 09:01:11 发布

&不羁之风&

最新推荐文章于 2024-03-01 09:01:11 发布

阅读量829

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_44538423/article/details/90725693

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

js点击复选框获得checkbox里选中的多个值

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>js点击复选框获得checkbox里选中的多个值</title>
</head>


<body>
  <input name="teachar" value="老师" type="checkbox"/>老师
 <input name="teachar" value="老师1" type="checkbox"/>老师1
 <input name="teachar" value="老师2" type="checkbox"/>老师2
 <input name="teachar" value="老师3" type="checkbox"/>老师3
 <input name="teachar" value="老师4" type="checkbox"/>老师4
    <script src="jquery-2.0.3.min.js"></script>
    <script>
    var d=[];
		$("input[name='teachar']").click(function(){//获取input的点击事件
			for(var i=0;i<$("input[name='teachar']").length;i++){//遍历$("input[name='teachar']").length的个数
				//console.log($("input[name='teachar']"))
				if($("input[name='teachar']")[i].checked==true){//判断是否选中的值
					d=$("input[name='teachar']")[i].value;//输出value值
				}
			}
			console.log(d);
		})
</script>
</body>
</html>

在这里插入图片描述