按下按鈕時更改按鈕的圖像，使用javascript

-3

我想在按下特定按鈕時在變量中設置一個值。當我重新加載頁面時，我希望此按鈕處於按下狀態。我想您在pageloaded函數變量的值，但我不知道該如何改變在JavaScript按鈕的狀態。請幫助按下按鈕時更改按鈕的圖像，使用javascript

2017-04-23 Muhammad Saqib

HTML：

<button onclick="changeit()"><img src="bla.jpg" id="changevalue"></button>

JS：

function changeit(){ 

    document.getElementById("changevalue").src = "newimg.jpg"; 

}

來源

2017-04-23 15:43:38 RzeIMz

感謝您的回覆@RzelMz。我已經嘗試過，工作正常，但沒有顯示按鈕的新圖像。我已經使用完整的src圖像路徑，但都是徒勞的。請幫助 –

當頁面重新加載你的意思是，它的老照片？爲此，你可能需要用php創建一個會話 – RzeIMz

HTML：

<button id="myButton"><img src="myImage.jpg" id="myImage"></button>

JS：

var NEW_IMAGE_URI = "myNewImage.jpg"; 
var buttonState = false; 

function changeButtonImage(){ 
    if (buttonState) { 
    return; 
    } 
    document.querySelector("#myImage").src = NEW_IMAGE_URI; 
    buttonState = true; 
} 

document.addEventListener("DOMContentLoaded", function(event) { 
    var buttonElement = document.querySelector('#myButton'); 
    buttonElement.addEventListener('click',changeButtonImage); 
});

來源

2017-04-23 16:11:32 holmberd

按下按鈕時更改按鈕的圖像，使用javascript

回答

相關問題