Javascript/jQuery：只有在第一个文件输入按钮选择了一个文件后，才能使第二个文件输入按钮可见

所以我有两个HTML输入按钮

    <input type="file" id="filename" name="filename" />
    <input type="file" id="csvfile" name="csvfile" />

---

您只需将其隐藏并使用jQuery

show（）

：

$（“#文件名”）.change（函数（e）{
如果（this.files.length>0）{
$（“#csvfile”）.show（）；
}否则{
$（“#csvfile”）.hide（）；
}
});
$（“#csvfile”）.change（函数（e）{
});
#csvfile{
显示：无；
}

文件1：
文件2：
您只需将其隐藏并使用jQuery
show（）
：


$（“#文件名”）.change（函数（e）{
如果（this.files.length>0）{
$（“#csvfile”）.show（）；
}否则{
$（“#csvfile”）.hide（）；
}
});
$（“#csvfile”）.change（函数（e）{
});
#csvfile{
显示：无；
}

文件1：
文件2：
您可以使用CSS而不使用JavaScript来实现这一点

HTML:

这里是JS小提琴：
您可以使用CSS而不使用JavaScript来实现这一点

HTML:

这里是JS小提琴：
我猜您也需要条件，因为用户可能会取消选择所选文件：）@RayonDabre谢谢，我正在考虑，但决定留下一个最简单的工作示例。现在，它正在工作。谢谢！设法让它与你的代码一起工作。谢谢你的帮助！我猜您也需要条件，因为用户可能会取消选择所选文件：）@RayonDabre谢谢，我正在考虑，但决定留下一个最小的工作示例。现在，它正在工作。谢谢！设法让它与你的代码一起工作。谢谢你的帮助！解释一下
：有效的
回答不错！当您将“required”属性添加到第一个输入字段时，您告诉表单该字段必须选择某些内容。因此，如果在#filename中未选择任何内容，则该文件将被视为“无效”，一旦选择了文件，则该文件将被视为“有效”。谢谢，这同样有效！遗憾的是，我不能同时接受这两个答案。谢谢你的帮助！解释一下
：有效的
回答不错！当您将“required”属性添加到第一个输入字段时，您告诉表单该字段必须选择某些内容。因此，如果在#filename中未选择任何内容，则该文件将被视为“无效”，一旦选择了文件，则该文件将被视为“有效”。谢谢，这同样有效！遗憾的是，我不能同时接受这两个答案。谢谢你的帮助！
   $(document).ready(function () {
            // map and variables initialization

            // first input button
            $("#filename").change(function (e) {
               // codes and workings   
            });

            // second input button
            $("#csvfile").change(function (e) {
              // codes and workings
            });    
        });

  <input type="file" id="filename" required name="filename" />
  <input type="file" id="csvfile" name="csvfile" />

#csvfile { display: none }
#filename:valid + #csvfile { display: block }