我有一个名为 changeImage 的函数,我只想更改我单击的按钮。
我怎样才能做到这一点?我不认为硬编码是解决方案。我正在使用 PHP 和 javascript。
*我有大约 100 个按钮,每个按钮都有自己的 ID,例如:A1、A2、B1、B2
我的代码:
<script type="text/javascript">
function changeImage() {
var image = document.getElementById('A1');
if (image.src.match("Grey")) {
image.src = "Image/Yellow.png";
} else {
image.src = "Image/Grey.png";
return false;
}
}</script>
<input id="A1" type="image" src="Image/Grey.png" onclick="changeImage()">
<input id="A2" type="image" src="Image/Grey.png" onclick="changeImage()">
<input id="B1" type="image" src="Image/Grey.png" onclick="changeImage()">
<input id="B2" type="image" src="Image/Grey.png" onclick="changeImage()">
最佳答案
改用这段代码:
<script type="text/javascript">
function changeImage(e) {
var image = e;
if (image.src.match("Grey")) {
image.src = "Image/Yellow.png";
} else {
image.src = "Image/Grey.png";
return false;
}
}
</script>
<input id="A1" type="image" src="Image/Grey.png" onclick="changeImage(this)">
<input id="A2" type="image" src="Image/Grey.png" onclick="changeImage(this)">
<input id="B1" type="image" src="Image/Grey.png" onclick="changeImage(this)">
<input id="B2" type="image" src="Image/Grey.png" onclick="changeImage(this)">
关于javascript - onclick 事件作用于特定按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33711304/