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

2019-11-20 23:23:13

字体：大中小

来源：转载

供稿：网友

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

上一篇：基于jQuery的图片左右无缝滚动插件

下一篇：jQuery 1.7.2中getAll方法的疑惑分析