Показать сообщение отдельно
  #8 (permalink)  
Старый 04.07.2016, 20:54
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 30,359


<!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> &nbsp; <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>
Ответить с цитированием