<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<div id="wrapper">
<table>
<tr class="item_box">
<td class="item_title">Кукла Dolly</td>
<td class="item_count"><input type="text" id="item0" value="0"/></td>
<td class="item_price0">500</td>
</tr>
<tr class="item_box">
<td class="item_title">Кукла Jesika</td>
<td class="item_count"><input type="text" id="item1" value="0" /></td>
<td class="item_price1">1000</td>
</tr>
<tr class="item_box">
<td class="item_title">Кукла Anna</td>
<td class="item_count"><input type="text" id="item2" value="0" /></td>
<td class="item_price2">1000</td>
</tr>
<tr class="item_box">
<td class="item_title">ИТОГО</td>
<td class="item_count"><input type="text" id="count" value="0" /></td>
<td class="all_price">0</td>
</tr>
</table>
<p><button id="checkout" onclick="calc()">Подсчитать</button> <button id="clear_cart">Снять выбор</button></p>
</div>
<script>
function calc()
{
var count = 0; sum = 0, N = 3;
for( i = 0; i < N; i++ )
{
var itemCount = document.getElementById('item'+ i);
var itemPrice = document.querySelector('.item_price'+i);
count += (+itemCount.value||0); /*количество заказанных услуг*/
sum += (+itemCount.value||0)*(+itemPrice.innerHTML||0); /*посчитали общую сумму */
}
document.getElementById('count').value = count; /*записывем в форму количество выбранных позиций*/
document.querySelector('.all_price').innerHTML = sum;
}
</script>
</body>
</html>