Javascript 添加图像onClick

Javascript 添加图像onClick,javascript,Javascript,也许不是最好的标题,但问题就在这里 我们正在创建一个submit按钮,当用户单击以进行处理时,该按钮会更改状态。但是想用加载器图像来增加它的趣味性 因此,工作代码是: <a href='#' class='red' onClick="$(this).update('Processing...'); return false;" style="border:0"><img src='img/check.png' style='vertical-align: middle' /&g

也许不是最好的标题,但问题就在这里

我们正在创建一个submit按钮,当用户单击以进行处理时,该按钮会更改状态。但是想用加载器图像来增加它的趣味性

因此,工作代码是:

<a href='#' class='red' onClick="$(this).update('Processing...'); return false;" style="border:0"><img src='img/check.png' style='vertical-align: middle' /> Finish and Pay</a>

我所追求的是:

<a href='#' class='red' onClick="$(this).update('<img src='/img/loader.gif'>Processing...'); return false;" style="border:0"><img src='img/check.png' style='vertical-align: middle' /> Finish and Pay</a>

但它没有遵守,我知道这肯定是一个糟糕的声明,只是不确定我做错了什么。或者如果img src确实需要是绝对的


任何帮助欢呼声

如何使用图像按钮开始并更改其src?

这些引号没有正确转义:

'<img src='/img/loader.gif'>Processing...'
“处理…”
此外,您可能希望将此单击功能分配到其他位置(我不喜欢在属性中创建标记,这可能会让人困惑),我肯定会关闭该标记

这可能会更好:

'<img src=\'/img/loader.gif\' />Processing...'
“处理…”

我不喜欢图像按钮,我喜欢纯css。谢谢。(你可能需要做
“处理…”
,我现在不太确定)就这样(也留下了道歉/img而不是img(你的代码很好)谢谢