Question

我有一个输入文件

 <input type="file" name="image" id="file">

和保存此文件的按钮

 <input type="submit" value="Upload / Edit picture" name="upload_picture" id="upload_picture" class="btn" />

如果文件未被选择= 0，我需要一个隐藏按钮的JavaScript，如果选择文件，我需要显示按钮。

Answer 1

 <input type="file" name="image" id="file">

 <input type="submit" value="Upload / Edit picture" name="upload_picture" id="upload_picture" class="btn" />

<script>
$(function(){
   $("#upload_picture").hide();
   $("#file").change(function(){
        if ($("#file").val() != ""){
             $("#upload_picture").show();
        }
        else{
             $("#upload_picture").hide();
        }
   });
});
</script>

http://sandbox.phpcode.eu/g/6d8cd.php

Answer 2

$('#file').change(function(){
    $('#upload_picture').show();
});

和小提琴：http://jsfiddle.net/xGAVj/

Answer 3

HTML：

<input id="fld" type="file" name="image" id="file">

<input id="btn" type="submit" value="Upload / Edit picture" name="upload_picture" id="upload_picture" class="btn" />

使用Javascript：

$("#fld").change(function(){
      if($(this).val() != "")
      {
           $("#btn").toggle();
      } else{
           $("#btn").toggle();
      }
});

工作示例：http://jsfiddle.net/saDFC/

Answer 4

试试这个

$("#file").change(function(){
  if(!$(this).val()){  
      $("#upload_picture").hide();
  }
  else{
      $("#upload_picture").show();
  }
});

根据输入文件值显示/隐藏

4 个答案: