no se si es lo que vos andas buscando, no pude entender bien tu problema
<html>
<head>
<script type="text/javascript">
// Acá recibis el parametro que contiene el nombre de la imagen a la cual le hiciste click y le asigna el nombre de id.
function cambiarFoto(id) {
//cambias la imagen a la que le hiciste click.
document.getElementsByName(id).src = document.getElementsByName(id).src == 'images/pizzas-off.png' ? 'images/pizzas-off.png' : 'images/pizzas-on.png';
//y cambias el valor de un input que posea como ID el mismo valor que el NAME de la img.
document.getElementById(id).value = document.getElementById(id).value == 'no' ? 'si' :'no';
}
</script>
</head>
<body>
<form action="prueba.html" method="get">
//Acá cuando llamas la funcion, le decis que como parámetro envíe el nombre de esa misma imagen. Arriba se obtiene el dato. por ejemplo en este caso "pizzas"
<img src="images/pizzas-off.png" name="pizzas" onclick="cambiarFunoto(this.name);" />
// luego vos tenes que tener un input con un ID igual al NAME de la imagen
<input name="pizzas" id="pizzas" value="no" />
<br/>
<br/>
// y en este caso se obtendria "pizzas2"
<img src="images/pizzas-off.png" name="pizzas2" onclick="cambiarFoto(this.name);" />
<input name="pizzas" id="pizzas2" value="no" />
<br/>
<br/>
<input type="submit" value="Enviar" />
</form>
</body>
</html>
Le quite el hidden para poder ver los resultados
miralo en [URL="http://www.estudiocristal.com.ar/test.html"]http://www.estudiocristal.com.ar/test.html[/URL]