判断多个input type=file是否有已经选择好文件的代码

更新时间：2012年05月23日 16:36:17 作者：

在each中使用return false退出循环，使用return true结束当前次循环，进行下一次循环

表单中有多个<input type="file" name="uploadfile" contentEditable="false" style="width:80%">，
提交表单时需要判断其中至少要有一个input已经选择好文件。

 
<input type="file" name="uploadfile" contentEditable="false" style="width:80%"><br> 
<input type="file" name="uploadfile" contentEditable="false" style="width:80%"><br> 
<input type="file" name="uploadfile" contentEditable="false" style="width:80%"><br> 
<input type="file" name="uploadfile" contentEditable="false" style="width:80%"><br> 
<input type="file" name="uploadfile" contentEditable="false" style="width:80%"> 

使用jQuery进行判断：

复制代码代码如下:

 
var fileFlag = false; 
$("input[name='uploadfile']").each(function(){ 
if($(this).val()!="") { 
fileflag = true; 
return false; 
} 
}); 
if(fileFlag) { 
alert("已有选择好文件的"); 
} 

只要fileFlag为true,就可以退出each循环，不需要再对剩下的input进行判断。
在each中使用return false退出循环，使用return true结束当前次循环，进行下一次循环。

您可能感兴趣的文章:

分享14个很酷的jQuery导航菜单插件
本文介绍了14个很酷的jQuery导航菜单插件，它们够漂亮、简单，并且完全兼容各种类型的web浏览器。
2011-04-04
jQuery设计思想
在深入了解jQuery的各个细节之前，需要对jQuery的设计思想有一个大致的了解。在遇到问题时，知道应该使用jQuery的哪一个功能，然后迅速从手册中找到具体的用法。本文将详细介绍jQuery的设计思想。下面跟着小编一起来看下吧
2017-03-03
理解jQuery stop()方法
本文目的：为了了解stop()的用法，举个例子，直观的方式看看。非常的简单实用，有需要的小伙伴参考下
2014-11-11
jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法
这篇文章主要介绍了 jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法的相关资料,需要的朋友可以参考下
2016-02-02
jquery插件实现堆叠式菜单
这篇文章主要介绍了jquery插件实现堆叠式菜单，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-04-04
JQuery中的$.getJSON 使用说明
jQuery中常用getJSON来调用并获取远程的JSON字符串，将其转换为JSON对象，如果成功，则执行回调函数。
2011-03-03
基于JQuery及AJAX实现名人名言随机生成器
这篇文章主要为大家详细介绍了基于JQuery及AJAX实现名人名言随机生成器，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-02-02
jQuery的each循环用法简单示例
这篇文章主要介绍了jQuery的each循环用法,以简单实例形式分析了jQuery中each循环的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2016-06-06
HTML5使用DeviceOrientation实现摇一摇功能
这篇文章主要介绍了HTML5使用DeviceOrientation实现摇一摇功能的相关资料,需要的朋友可以参考下
2015-06-06
jQuery结合jQuery.cookie.js插件实现换肤功能示例
这篇文章主要介绍了jQuery结合jQuery.cookie.js插件实现换肤功能,结合实例形式分析了jQuery.cookie.js插件的常用函数功能及实现换肤功能的相关操作技巧,需要的朋友可以参考下
2017-10-10