选择并提交的弹框

最新推荐文章于 2020-12-16 17:33:08 发布

@CJL

最新推荐文章于 2020-12-16 17:33:08 发布

阅读量143

点赞数

分类专栏：练习文章标签： javascript

本文链接：https://blog.csdn.net/qq_44109821/article/details/103633117

版权

练习专栏收录该内容

36 篇文章 0 订阅

订阅专栏

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<p>请选择你擅长的游戏角色？</p>
		<input type="checkbox" name="" id="" value="战士" /><label for="">战士</label>
		<input type="checkbox" name="" id="" value="法师" /><label for="">法师</label>
		<input type="checkbox" name="" id="" value="射手" /><label for="">射手</label>
		<input type="checkbox" name="" id="" value="辅助" /><label for="">辅助</label>
		<input type="checkbox" name="" id="" value="坦克" /><label for="">坦克</label><br />
		<input type="button" id="btn" value="提交" />
		
		<script type="text/javascript">
			$(function(){
				$("#btn").click(function(){
					var $input=$("input")
					var result=""
 					
					for(var i=0;i<$input.length;i++)
					{
						var cb=$("input").get(i)
						if(cb.checked)
						{
							result+=" "+cb.value
							
						}
						
					}
					alert(result)
				})
			})
		</script>
		
		
	</body>
</html>