如果多个文件字段为空，则jQuery禁用按钮

Question

我有3个文件字段，并且我想禁用我的“提交”按钮，除非其中的3个不像该图片一样为空

我设法禁用该按钮，但是当我只选择一个文件时，该按钮变为启用状态，我希望在选择3个文件之前禁用该按钮。

这是我的表单代码：

<form>
    <label for="spd">Lampiran SPD</label>
      <input type="file" name="spd" id="spd" />
      <label for="smj">Lampiran SMJ</label>
      <input type="file" name="smj" id="smj" />
      <label for="tiket">Lampiran Tiket</label>
      <input type="file" name="tiket" id="tiket" />
  <input name="status" type="hidden" id="status" value="Pending" /><br />
  <input type="submit" name="button" id="button" disabled />
</form>

这是我使用的脚本代码：

<script>
$(document).ready(
    function(){
        $('input:file').change(
            function(){
                if ($(this).val()) {
                    $('input:submit').attr('disabled',false); 
                } 
            }
            );
    });
</script>

Answer 1

尝试以下代码

$(document).ready(function(){
    $('input:file').change(function(){
       if ($("#spd").val()!="" && $("#smj").val()!="" && $("#tiket").val()!="") 
       {
          $('input:submit').attr('disabled',false); 
       } 
    });
});

Answer 2

尝试一下：

$(document).ready(function(){
  $('input[type="file"]').change(function(){
    if( $('#spd').val() != '' && $('#smj').val() != '' && $('#tiket').val() != '' )
    {
      $('#button').attr('disabled', false);
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form>
    <label for="spd">Lampiran SPD</label>
      <input type="file" name="spd" id="spd" /><br>
      <label for="smj">Lampiran SMJ</label>
      <input type="file" name="smj" id="smj" /><br>
      <label for="tiket">Lampiran Tiket</label>
      <input type="file" name="tiket" id="tiket" /><br>
  <input name="status" type="hidden" id="status" value="Pending" /><br />
  <input type="submit" name="button" id="button" disabled />
</form>