onSubmit javascript窗体事件换出图像？

Question

我有以下输入按钮代码。发生提交后，如何修改此代码以使用名为btn_nxt.png_hold.gif的按钮的灰色版本？

<input onsubmit="this.disabled=true;return true;" type="image" name="Insert" id="Insert" value="Insert" alt="Insert" src="images/btn_nxt.png" /> 

Answer 1

您需要更改的图片单击该按钮时：

onclick="this.src='images/btn_nxt.png_hold.gif';" 

的onsubmit只属于表单元素。

Answer 2

onclick="this.src='images/btn_nxt.png_hold.gif';this.disabled=true;" 

Answer 3

propper解决方案是在提交时向按钮添加一个类。使用样式表，您可以对您喜欢的按钮进行任何修改。

Answer 4

你也可以用jQuery来操纵它。它更干净。

$("#Insert").live("click", function(){ 

    $(this).attr("src","path/tp/image.gif").attr("disabled", "disabled"); 

}); 

希望它有帮助。