顯示/隱藏基地

我有一個輸入文件顯示/隱藏基地

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

和一個按鈕，保存這個文件

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

我需要一個JavaScript，將隱藏按鈕，如果文件不是選擇= 0，否則顯示按鈕，如果文件選擇。

來源

2011-08-05 Viktors

正如一個設計問題：會不會是更好禁用提交按鈕，而不是隱藏它？我認爲一個不顯示的提交按鈕仍然可以通過按或類似提交。 – Willem

<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

來源

2011-08-05 14:38:40 genesis

試試這個

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

來源

2011-08-05 14:39:44 ShankarSangoli

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

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

來源

2011-08-05 14:40:57

這不會像預期的那樣正常工作。在某些情況下，這可能會導致在您剛清空輸入字段時顯示提交按鈕。 – Willem

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/

來源

2011-08-05 14:41:19

謝謝你的例子和生活預覽！ – Viktors

@Viktors Golubevs沒問題小心接受還是+1？ –

顯示/隱藏基地

回答

相關問題