Algo asi ?
Código Javascript
:
Ver original<form action="" method="">
<input type="text" value="4" id="a" size="2"/>
<a href="javascript:inc_count('a');"> <img src="http://blogs.unlp.edu.ar/didacticaytic/files/2013/07/sumar-1.jpg" width="20" height="20" /></a>
<p/>
<input type="text" value="7" id="b" size="2"/>
<a href="javascript:inc_count('b');"> <img src="http://blogs.unlp.edu.ar/didacticaytic/files/2013/07/sumar-1.jpg" width="20" height="20" /></a>
</form>
<script>
function inc_count(id)
{
res = document.getElementById(id);
res.value = parseInt(res.value)+1;
}
</script>
Otra opcion... un poco mas eficiente porque evita que debas leer el valor del DOM (arbol de nodos de elementos "HTML"), seria solo actualizar (update) pero leer de las variables globales los valores:
Código Javascript
:
Ver original<script>
// valores iniciales
a=0;
b=0;
</script>
<form action="" method="">
<input type="text" id="a" size="2"/>
<a href="javascript:a++; update(a);"> <img src="http://blogs.unlp.edu.ar/didacticaytic/files/2013/07/sumar-1.jpg" width="20" height="20" /></a>
<p/>
<input type="text" id="b" size="2"/>
<a href="javascript:b++; update(b);"> <img src="http://blogs.unlp.edu.ar/didacticaytic/files/2013/07/sumar-1.jpg" width="20" height="20" /></a>
</form>
<script>
input_a = document.getElementById('a');
input_b = document.getElementById('b');
function update()
{
input_a.value=a;
input_b.value=b;
}
update();
</script>
<< es algo mas "rapida"