javascript - onclick 事件作用于特定按钮

Question

我有一个名为 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()">

Answer 1

改用这段代码:

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