Вот сделал наконец. Теперь осталось
взять данные Row и Place и загонять их в массив, когда отмечается место и убирать данные из массива когда отметка снимается.
В данный момент я знаю, что данные добавляются в массивы, но почему-то не хотят оттуда удаляться=(
Вот такой вид имеет сейчас код:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF8">
<title>Tickets ordered</title>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script>
var rows = [];
var places = [];
var count = 0;
jQuery(function ($) {
$(".table").on("click", "td", function (e) {
var $tar = $(e.target);
var $td = $tar.parents('td:first');
var $tr = $td.parents('tr:first');
var place = $tr.children().index($td);
var row = $tr.index();
var data = $td.children();
var srcImg = $tar.attr('src');
if (srcImg == "http://javascript.ru/forum/attachment.php?attachmentid=1855&stc=1&d=1373743035"){
$tar.attr('src', 'http://javascript.ru/forum/attachment.php?attachmentid=1856&stc=1&d=1373743035');
rows[count] = row;
places[count]= place;
alert("Place = " + place + "; Row = " + row + "; Data = " + srcImg);
alert(rows[count] + "|" + places[count] + "|" + count);
count++;
}
if (srcImg == "http://javascript.ru/forum/attachment.php?attachmentid=1856&stc=1&d=1373743035"){
$tar.attr('src', 'http://javascript.ru/forum/attachment.php?attachmentid=1855&stc=1&d=1373743035');
for (var i=0;i<rows.lenght;i++){
if (rows[i]==row && places[i]==place){
alert(rows[i] + "|" + places[i]);
rows[i]=null;
places[i]=null;
}
}
count--;
}
});
});
</script>
</head>
</html>
<body>
<form method="post" action="<c:url value='/order?idPlay=${idPlay}&idDate=${idDate}'/>">
<div style="background: url(http://javascript.ru/forum/attachment.php?attachmentid=1857&stc=1&d=1373742596) no-repeat top left;">
<br><br><br>
<div style="margin-left: 55px">
<TABLE class="table">
<TR>
<TD><img src='http://javascript.ru/forum/attachment.php?attachmentid=1854&stc=1&d=1373743035'></TD>
<TD><img src='http://javascript.ru/forum/attachment.php?attachmentid=1855&stc=1&d=1373743035'></TD>
</TR>
<TR>
<TD><img src='http://javascript.ru/forum/attachment.php?attachmentid=1854&stc=1&d=1373743035'></TD>
<TD><img src='http://javascript.ru/forum/attachment.php?attachmentid=1855&stc=1&d=1373743035'></TD>
<TD><img src='http://javascript.ru/forum/attachment.php?attachmentid=1855&stc=1&d=1373743035'></TD>
</TR>
<TR>
<TD><img src='http://javascript.ru/forum/attachment.php?attachmentid=1855&stc=1&d=1373743035'></TD>
<TD><img src='http://javascript.ru/forum/attachment.php?attachmentid=1854&stc=1&d=1373743035'></TD>
<TD><img src='http://javascript.ru/forum/attachment.php?attachmentid=1855&stc=1&d=1373743035'></TD>
<TD><img src='http://javascript.ru/forum/attachment.php?attachmentid=1855&stc=1&d=1373743035'></TD>
</TR>
</TABLE>
</div>
</div>
<input type="submit" value="Ordered">
</form>
</body>
</html>