javascript点击事件

图片点击事件，遍历以后点击每张图片都是第一张图片改变，如何做到点哪个座位，哪个座位的颜色就会变，最好可以改下代码，学渣。

<script>

function change(){

var imgObj = document.getElementById("img");

var Flag=(imgObj.getAttribute("src",2)=="image/111.jpg")

imgObj.src=Flag?"image/333.jpg":"image/111.jpg";

}

</script>

for (int i = 1; i <= 8; i++) {

%>

<tr>

<td><%=i + "排"%></td>

<%

for (int j = 1; j <= 10; j++) {

if (!list2.contains(i + "-" + j)) {

%>

<td><img id="img" src="image/111.jpg" alt="" onClick="change()" /></td>

<%

} else {

%>

<td ><img id="img" src="image/222.jpg" alt="" /></td>

<% }}} %>

</tr>

</table>