Как можно реализовать вывод цен за услуги?

Можно сделать с помощью checkbox, их будет 5 штук по числу услуг, в параметр value для каждого вписываете цену. Клик по кнопке услуги вызывает клик по соответствующему чекбоксу (javascript), у всех отмеченных чекбоксов суммируется параметр value и отображается внизу как итоговая цена. Чекбоксы естественно потом делаете невидимыми.

Спасибо за совет!

Стал Гуглить, мне наподобие этого надо http://www.xiper.net/collect/html-and-css-tricks/verstka-form/nice-checkbox.html ?

А как суммировать value?

Нет, чекбоксы просто используется для наглядности.

Писать функцию на javascript.

<script type="text/javascript">
function getSum()
{
	var sum = 0;
	var vision = 0;
	for (var i=1; i<=5; i++)
	{
		var obj = document.getElementById('checkbox_'+i);
		if (obj.checked)
		{
			sum += parseInt(obj.value);
			vision = 1;
		}
	}
	
	var obj = document.getElementById('sum');
	
	if (vision != 0)
	{
		
		obj.setAttribute('style', 'display: block;');
		obj.innerHTML = 'Сумма: ' +sum;
	}
	else
	{
		obj.setAttribute('style', 'display: none;');
	}
}
</script>

1 - <input type="checkbox" name="b_1" value="100" id="checkbox_1" onclick="getSum();"><br/>
2 - <input type="checkbox" name="b_2" value="200" id="checkbox_2" onclick="getSum();"><br/>
3 - <input type="checkbox" name="b_3" value="300" id="checkbox_3" onclick="getSum();"><br/>
4 - <input type="checkbox" name="b_4" value="400" id="checkbox_4" onclick="getSum();"><br/>
5 - <input type="checkbox" name="b_5" value="500" id="checkbox_5" onclick="getSum();"><br/>
<div>
	<span id="sum" style="display: none;"></span>
</div>

PS. как сделать картинку чекбоксом

<script type="text/javascript">
function getSum()
{
	var sum = 0;
	var vision = 0;
	for (var i=1; i<=5; i++)
	{
		var obj = document.getElementById('checkbox_'+i);
		if (obj.checked)
		{
			sum += parseInt(obj.value);
			vision = 1;
		}
	}
	
	var obj = document.getElementById('sum');
	
	if (vision != 0)
	{
		
		obj.setAttribute('style', 'display: block;');
		obj.innerHTML = 'Сумма: ' +sum;
	}
	else
	{
		obj.setAttribute('style', 'display: none;');
	}
}
</script>

1 - <input type="checkbox" name="b_1" value="100" id="checkbox_1" onclick="getSum();"><br/>
2 - <input type="checkbox" name="b_2" value="200" id="checkbox_2" onclick="getSum();"><br/>
3 - <input type="checkbox" name="b_3" value="300" id="checkbox_3" onclick="getSum();"><br/>
4 - <input type="checkbox" name="b_4" value="400" id="checkbox_4" onclick="getSum();"><br/>
5 - <input type="checkbox" name="b_5" value="500" id="checkbox_5" onclick="getSum();"><br/>
<div>
	<span id="sum" style="display: none;"></span>
</div>

Спасибо огромное за ответ!

Но почему то при выборе чек бокса, не отображается значение... То есть на странице есть только чек боксы, но при их нажатии ничего не происходит...

В чем может быть проблема?

В чем может быть проблема?

Отключен JavaScript?

Браузер не знает такой JS?

У меня файрфокс вроде бы 18 и все норм.

Попробуйте на других браузерах.

Я только что скопировал код и проверил - работает.

Спасибо Вам огромное! Очень помогли!

А можно ли в этом скрипте при клике на чекбокс как то реализовать вывод изображения (для каждого чекбокса разное) под суммой? Или для этого скрипта только есть возможность выводить сумму?

Да хоть запуск межгалактического корабля:)

if (vision != 0)

{

obj.setAttribute('style', 'display: block;');

obj.innerHTML = ' <img src="/images/picture1.jpg">Сумма: ' +sum;

}