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"); 

}); 

希望它有幫助。