隱藏提交按鈕並在提交後顯示圖像

Question

我想讓提交按鈕在點擊後消失，並在其位置顯示一個新圖層。

這是我到目前爲止有：當我點擊提交，沒有顯示/隱藏，沒有形成動作

<div id=uploadform> 
<form enctype="multipart/form-data" action='' method='POST'> 
<input type="file" name="imagefile" class=browse> 
<p><input type='submit' value='Upload' class=uploadsubmit onClick="if($(this).('#loading').css('display') == 'none') { $(this).('#loading').show('fast'); $(this).hide('fast'); } return false;"> 
<input type='hidden' value='1' name='submitted' /> 
</form> 
</div> 
<div id=loading style="display:none;"><img src=upload.gif></div> 

什麼也沒有發生。

我該怎麼辦？ （使用最新版本的jQuery）

Answer 1

試試這個：

<input type='submit' value='Upload' class=uploadsubmit 
    onClick="$('#loading').show('fast'); $(this).hide('fast');"> 

你$(this).('#loading')什麼都不會做，而且return false;將停止提交表單。