extravert,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
span{
position: relative;
left: 300px
}
p {
width: 300px;
text-align: center;
}
</style>
</head>
<body>
<div id="show" >
<p>ПРОДОЛЖИТЕЛЬНОСТЬ:</p>
<label><input name="time" type="radio" value="30" checked="checked">30 мин.</label>
<label><input name="time" type="radio" value="60">60 мин.</label>
<label><input name="time" type="radio" value="90">90 мин.</label>
<p>КОЛИЧЕСТВО УЧАСТНИКОВ:</p>
<label><input name="men" type="radio" value="0" checked="checked">5 чел.</label>
<label><input name="men" type="radio" value="1">10 чел.</label>
<label><input name="men" type="radio" value="2">15 чел.</label><br>
<span id="result0">0 руб.</span>
<p>СПИСОК:</p>
<label><input name="exp1" type="checkbox" value="3000">111</label>
<span id="result1">0 руб.</span>
<br>
<label><input name="exp2" type="checkbox" value="1000">222</label>
<span id="result2">0 руб.</span>
<p>МЕСТО ПРОВЕДЕНИЯ:</p>
<label><input name="km" type="radio" value="0" checked="checked">В городе</label>
<label><input name="km" type="radio" value="1">За городом</label>
<p>УДАЛЁННОСТЬ:</p>
<select id="path">
<option value="10">10 км.</option>
<option value="20">15 км.</option>
</select>
<span id="result3">0 руб.</span>
<p>ОБЩАЯ СТОИМОСТЬ:</p>
<span id="result4">0 руб.</span>
</div>
<script>
function check(name)
{
var name = document.getElementsByName(name);
for (var i = 0; i < name.length; i++)
if (name[i].checked) return +name[i].value;
return 0
}
function id(n)
{
return document.getElementById('result'+n)
}
var div = document.getElementById('show');
var sel = document.getElementById('path');
function calc()
{
var sum = {
'30':[1000,2000,3000],
'60':[1500,3000,4500],
'90':[2000,4000,6000]
}
var rez = sum[check('time')][check('men')];
id(0).innerHTML = rez+" руб.";
var exp = check('exp1');
id(1).innerHTML = exp+" руб.";
rez += exp;
exp = check('exp2');
rez += exp;
id(2).innerHTML = exp+" руб.";
exp = 0;
if(check('km')) {
exp = +sel.value
}
id(3).innerHTML = exp+" руб.";
rez += exp;
id(4).innerHTML = rez+" руб.";
}
div.addEventListener('click', calc);
sel.addEventListener('change', calc);
calc()
</script>
</body>
</html>