как-то так
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(function() {
$(".p").click(function() {
var input = $(this).parent().find('input');
if(input.val() == "")
input.val(1);
else {
input.val(Number(input.val()) + 1);
}
var id = $(this).parent().parent().attr("id");
switch(id) {
case "tovar1": $("#summ1").html(Number(input.val()) * 340); break;
case "tovar2": $("#summ2").html(Number(input.val()) * 520); break;
}
});
$(".min").click(function() {
var input = $(this).parent().find('input');
if(input.val() == "")
return;
else {
input.val(Number(input.val()) - 1);
var id = $(this).parent().parent().attr("id");
switch(id) {
case "tovar1": $("#summ1").html(Number(input.val()) * 340); break;
case "tovar2": $("#summ2").html(Number(input.val()) * 520); break;
}
}
});
$("input").change(function() {
var id = $(this).parent().parent().attr("id");
switch(id) {
case "tovar1": $("#summ1").html(Number(this.value) * 340); break;
case "tovar2": $("#summ2").html(Number(this.value) * 520); break;
}
});
});
</script>
</head>
<body>
<table border="1">
<tr><th>Количество</th><th>Цена</th><th>Сумма</th></tr>
<tr id="tovar1"><td><span class="min" style="cursor: pointer;">-</span><input type="text" size="5"><span class="p" style="cursor: pointer;">+</span></td><td>340</td><td id="summ1"></td></tr>
<tr id="tovar2"><td><span class="min" style="cursor: pointer;">-</span><input type="text" size="5"><span class="p" style="cursor: pointer;">+</span></td><td>520</td><td id="summ2"></td></tr>
</table>
</body>
</html>
если будут какие-то вопросы спрашивайте