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

262 阅读 0 评论 173 点赞

我是靠谱客的博主靓丽早晨，最近开发中收集的这篇文章主要介绍判断多个input type=file是否有已经选择好文件的代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

表单中有多个<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结束当前次循环，进行下一次循环。