判断多个input type=file是否有已经选择好文件的代码
时间：2020-12-28 12:19:57|栏目：jquery|点击： 次
表单中有多个<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结束当前次循环，进行下一次循环。
提交表单时需要判断其中至少要有一个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中$.Deferred对象为例讲解promise对象是如何处理异步问题
栏 目：jquery
本文标题：判断多个input type=file是否有已经选择好文件的代码
本文地址：http://www.codeinn.net/misctech/37617.html
