如何通過javascript更改按鈕圖像

Question

我有2個按鈕，我想更改單擊該按鈕的背景圖像。

<input style="float:right; padding-right:10px;" name="comp_sephora" id="comp_sephora" type="submit" value="Sephora" onClick="change(this.style);"> 

<input style="float:right;" type="submit" name="comp_bloom" id="comp_bloom" value="Bloom" onClick="change(this.style);"> 

我已經使用JavaScript函數爲：

function change(style) 
{ 
    //alert(val); 
    style.backgroundImage = "url(<?php echo IMAGES."btn1.bmp"; ?>)"; 
    //style.color = "#000000"; 
} 

但點擊後來，當我像變了只有幾秒鐘。我想在頁面重新加載後保持該圖像。

Answer 1

您需要返回false以防止「提交」頁面。

function change(style) 
{ 
    //alert(val); 
    style.backgroundImage = "url(<?php echo IMAGES."btn1.bmp"; ?>)"; 
    return false; 
} 

，然後改變的onclick此的onClick = 「返回變化（this.style）;」

Answer 2

將您的類型從「提交」更改爲「按鈕」應該有所斬獲。

希望這會有所幫助，