jQuery判断多个input file 都不能为空的例子

这篇文章主要讲述了如何使用jQuery判断多个文件上传框是否都已选择文件，确保没有遗漏任何上传框。这是一个重要的步骤，尤其是当你需要用户上传多个文件时。下面是一个具体的例子。

假设你有两个图片上传的输入框，都需要用户选择图片。

在HTML代码中，这两个上传框可能看起来像这样：

```html

选择文件 1

选择文件 2

```

接下来，我们可以使用jQuery来判断这两个上传框是否都有文件被选择。以下是对应的JavaScript代码：

```javascript

$(document).ready(function(){

var fileInputs = $(".myfile"); // 获取所有的文件上传框

if(fileInputs.length == 2){ // 确保有两个上传框

fileInputs.each(function(){ // 遍历每一个上传框

if($(this).val() == "") { // 如果上传框没有文件被选择

alert("请上传图片！");

// 这里可以设置标志位，用于后续的逻辑处理

}

});

}else{

alert("需要至少两个文件上传框！"); // 如果上传框数量不足，给出提示

}

});

```

以上代码首先会检查是否有两个文件上传框，如果有，那么它会检查每一个上传框是否都有文件被选择。如果没有文件被选择，它会弹出一个提示框，要求用户上传文件。如果上传框的数量不足两个，也会给出相应的提示。

在这个例子中，我们使用了jQuery的选择器和遍历功能，使得我们可以轻松地处理多个文件上传框。这是一种非常实用的技巧，特别是在需要用户上传多个文件的情况下。