$.each 中return问题

最新推荐文章于 2023-03-10 11:23:19 发布

夏已微凉、

最新推荐文章于 2023-03-10 11:23:19 发布

阅读量1.5k

点赞数

分类专栏： # Js（JQuery）文章标签： jquery

本文链接：https://blog.csdn.net/qq_36025814/article/details/103497199

版权

Js（JQuery）专栏收录该内容

56 篇文章 2 订阅

订阅专栏

$.each 中return问题

1、效果

2、代码

<html>
	<head>
		<title>$.each中return问题</title>
		<style>
			.input-class{
				margin:10px;
				line-height:20px;
			}
			.submit-class{
				margin:10px;
			}
		</style>
		<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
	</head>
	<body>
		<input type="text" data="输入框1" class="input-class" name="age"><br/>
		<input type="text" data="输入框2" class="input-class"  name="age"><br/>
		<input type="text" data="输入框3" class="input-class"  name="age"><br/>
		<button class="submit-class" id="submitbut">提交</button>
	</body>
	<script type="text/javascript">
		$("#submitbut").click(function(){
			var flag = false;
			var msg = '';
			$("input[name=age]").each(function(){
				var data = $(this).attr('data');
				var value = $(this).val();
				console.log(value);
				if(value ==''){
					flag = true;
					msg = data+'不能为空！';
				}
			});
			
			if(flag){	//为空，给出提示，不运行后面代码
				alert(msg);
				return;
			}
			
			alert('满足条件执行这里');
		});
	</script>
</html>