Javascript更改图像表单提交按钮src不工作

我试图使用onclick更改图像表单提交按钮的src，但它似乎无法正常工作。我错过什么了吗

<input class="submit_image" id="my_form_button" onclick="$('my_form_button').src='/images/buttons/submitting.gif'" src="/images/buttons/submit.gif" type="image" /> 

---

我也尝试过在表单标签上使用相同的JS，使用onsubmit，但没有成功。

也许这是一种错觉，您的表单在页面更改之前提交并刷新页面。尝试添加一个返回false；在onclick语句的末尾？

这实际上可以更改图像，但是当我添加表单不再发布时，您的问题就复杂多了。如果希望表单发布，但页面不更改，则需要通过Ajax执行，否则，如果存在$\u post数据，则需要使用php通知页面更改图像。我确实希望页面更改，但在加载所需的时间内，我希望图像更改。除非从根本上说这是不可能的。我不相信真的有任何加载时间，除非在从服务器获得响应时有延迟。尤其是当你在本地测试的时候。虽然我想可能会有这样一种情况，客户端处理速度很慢，在这种情况下，您的代码应该在没有返回false的情况下工作，但您可能无法判断。啊，好吧，这也是我一直在想的。它太快了，甚至无法显示图像的变化。

onclick="this.src='/images/buttons/submitting.gif';"