Javascript / html中的多個onclick事件
[英]Multiple onclick events in Javascript/html
問題描述
如何為HTML按鈕創建多個onclick事件？ 我現在擁有的代碼僅對一個按鈕實現。 單擊其他按鈕時，如何獲取腳本以將圖像src更改為其他圖像。 我嘗試為每個按鈕使用不同的功能，但這沒用。
*
<body>
<button class="button" onclick="myFunction()" ><strong>Objectives</strong></button>
<button class="button"><strong>Mission</button></strong>
<button class="button"><strong>Chemistry Vision</strong></button>
<button class="button"><strong>Environment Vision</strong></button></br>
<img id="myImg" src="http://image.png" >
<script>
function myFunction() {
document.getElementById("myImg").src = "http:Objectives.png";
}
</script>
</body>
*
1 個解決方案
解決方案1
2 已采納 2016-12-12 15:43:43
您應該將參數傳遞給函數，如下所示：
<body>
<button class="button" onclick="myFunction('Objectives')" ><strong>Objectives</strong></button>
<button class="button" onclick="myFunction('Mission')"><strong>Mission</button></strong>
<button class="button" onclick="myFunction('Chemistry)"><strong>Chemistry Vision</strong></button>
<button class="button" onclick="myFunction('Environment')"><strong>Environment Vision</strong></button></br>
<img id="myImg" src="http://image.png" >
<script>
function myFunction(imgName) {
document.getElementById("myImg").src = "http:" + imgName + ".png";
}
</script>
</body>
一個目標中具有多個值的多個JavaScript OnClick事件
[英]Multiple JavaScript OnClick events with multiple values in one target
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.