请问 如何把多选框和图片结合起来？然后提交

我已经把图片切换的效果做出来了。、。、  <script type="text/javascript">
var i=0;
function test(m){
var img = document.getElementById(m);
i=i+1;
if(i%2!=0){

img.src="image/seat2.jpg";
}
else{
img.src="image/seat.jpg";
}
}
</script>
<table>
<tr>
<%
for (int i = 0; i < seatList.size(); i++) {
if (seatList.get(i).getLine() == 1) {
%>
<tr></tr>
<%
}
%> <td><%=seatList.get(i).getRowNum()%>~<%=seatList.get(i).getLine()%>
<%if(seatList.get(i).getAvailable()==0){ %><img id="<%=seatList.get(i).getId()%>" src="image/seat.jpg"   
onclick="test(this.id)" />
<%}else if(seatList.get(i).getAvailable()==1) {%>
<img id="<%=seatList.get(i).getId()%>" src="image/seat3.jpg"   
 />
</td>
<%
}}
%>
</tr>
</table>
其实就是买电影票选座（可多选），然后提交