Navilsor,
читайте документацию плотнее и берите код пока его кое - кто не увидел ))) (для кое-кого: в данном случае больше букв не поможет, а для медитации сгодится)
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script>
document.onclick = function(a) {
a = a || window.event;
a = a.target || a.srcElement;
var b = a.parentNode;
if ("img" == a.nodeName.toLowerCase())
for (var d = b.querySelector("span"), e = d.dataset.price.split(" "), b = b.querySelectorAll("img"), c = 0; c < b.length; c++)
b[c] == a ? (a.style.border = "2px #CC0000 solid", d.innerHTML = e[c]) : b[c].style.border = ""
};
</script>
</head>
<body>
<table>
<tbody>
<tr>
<td><img src="simple1.jpg" />
<img src="simple2.jpg" />
<img src="simple3.jpg" /> Значение:
<span id="xmodel" data-price="10 20 30">0</span> руб.</td>
</tr>
<tr>
<td><img src="simple1.jpg" />
<img src="simple2.jpg" />
<img src="simple3.jpg" /> Значение:
<span id="xmodel" data-price="150 250 350">0</span> руб.</td>
</tr>
</tbody>
</table>
</body>
</html>