提交后隐藏提交按钮并显示图像

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;将停止提交表单。