Javascript 根据gridview行调用java脚本函数

嗨，我有一个javascript和gridview代码

<script type="text/javascript">
function changeImage() {
    var image = document.getElementById('myImage');
    if (image.src.match("bulbon")) {
        image.src = "Images/pic_bulboff.gif";
    } else {
        image.src = "Images/pic_bulbon.gif";
    }
}

函数changeImage（）{
var image=document.getElementById（'myImage'）；
if（image.src.match（“bulbon”））{
image.src=“Images/pic_bulboff.gif”；
}否则{
image.src=“Images/pic_bulbon.gif”；
}
}

生成的gridview大约有4行，每次我点击不在第一行的图像时，它只会在第一行触发

---

关于如何解决这个问题有什么建议吗？

将javascript函数更改为

<script type="text/javascript">
function changeImage(obj) {
    //var image = document.getElementById('myImage');
    if (obj.src.match("bulbon")) {
        obj.src = "Images/pic_bulboff.gif";
    } else {
        obj.src = "Images/pic_bulbon.gif";
    }
}

试试这个
函数更改图像（图像）{
if（image.src.match（“bulbon”））{
image.src=“Images/pic_bulboff.gif”；
}否则{
image.src=“Images/pic_bulbon.gif”；
}
}

<script type="text/javascript">
function changeImage(obj) {
    //var image = document.getElementById('myImage');
    if (obj.src.match("bulbon")) {
        obj.src = "Images/pic_bulboff.gif";
    } else {
        obj.src = "Images/pic_bulbon.gif";
    }
}

onclick="changeImage(this);"

Try this

<img id="myImage" onclick="changeImage(this)" src="pic_bulboff.gif" />

<script type="text/javascript">
    function changeImage(image) { 
        if (image.src.match("bulbon")) {
            image.src = "Images/pic_bulboff.gif";
        } else {
            image.src = "Images/pic_bulbon.gif";
        }
    }
</script>