Да, наверное, с селекторами было бы лучше, но задача изначально стоит оформить это через радио. Вот с ними у меня как раз и не получается. Мне нужно, чтобы в выводе "время" был коэффициент, в зависимости от количества участников. А в участниках цену, я думаю, вообще бы убрать для вывода. Пока что не получается. Вот такой код имею сейчас.
<script type="text/javascript">
function calc() {
var type_exp1 = document.getElementById("type_exp1");
var type_exp2 = document.getElementById("type_exp2");
var type_vremia = document.getElementsByName('type_vremia');
var prices = 0;
for (var i = 0; i < type_vremia.length; i++)
if (type_vremia[i].checked) {
prices += +type_vremia[i].value;
}
document.getElementById("result_vremia").innerHTML = prices;
var type_kolichestvo = document.getElementsByName('type_kolichestvo');
var price = 0;
for (var i = 0; i < type_kolichestvo.length; i++)
if (type_kolichestvo[i].checked) {
price += +type_kolichestvo[i].value;
}
document.getElementById ("result_kolichestvo").innerHTML = price;
//Result
var result = document.getElementById("result");
var price_exp1 = 0;
var price_exp2 = 0;
prices += (vremia1.checked == true && chel1.checked) ? parseInt(vremia1.value) : 0;
prices += (vremia1.checked == true && chel2.checked) ? parseInt(vremia1.value)*2 : 0;
prices += (vremia1.checked == true && chel3.checked) ? parseInt(vremia1.value)*3 : 0;
price_exp1 += (type_exp1.checked == true && chel1.checked) ? parseInt(type_exp1.value) : 0;
price_exp1 += (type_exp1.checked == true && chel2.checked) ? parseInt(type_exp1.value)*2 : 0 ;
price_exp1 += (type_exp1.checked == true && chel3.checked) ? parseInt(type_exp1.value)*3 : 0 ;
price_exp2 += (type_exp2.checked == true && chel1.checked) ? parseInt(type_exp2.value) : 0;
price_exp2 += (type_exp2.checked == true && chel2.checked) ? parseInt(type_exp2.value)*2 : 0 ;
price_exp2 += (type_exp2.checked == true && chel3.checked) ? parseInt(type_exp2.value)*3 : 0 ;
price += price_exp1 + price_exp2 + prices;
result_exp1.innerHTML = price_exp1;
result_exp2.innerHTML = price_exp2;
result.innerHTML = price;
}
</script>
<table width="640">
<tbody>
<tr>
<td colspan="4"><span>ПРОДОЛЖИТЕЛЬНОСТЬ:</span></td>
</tr>
<tr>
<td width="100">
<div class="radio"><input type="radio" onchange="calc()" value="4500" name="type_vremia" id="vremia1" checked="checked"><label for="vremia1">30 минут</label></div>
</td>
<td width="100">
<div class="radio"><input type="radio" id="vremia2" name="type_vremia" value="5500" onchange="calc()"><label for="vremia2">60 минут</label></div>
</td>
<td width="100">
<div class="radio"><input type="radio" onchange="calc()" value="6500" name="type_vremia" id="vremia3"><label for="vremia3">90 минут</label></div>
</td>
<td "width="70"><span id="result_vremia">0</span> руб.</td>
</tr>
<tr>
<td colspan="4"><span>КОЛИЧЕСТВО УЧАСТНИКОВ:</span></td>
</tr>
<tr>
<td width="100"><div class="radio"><input type="radio" onchange="calc()" value="1000" name="type_kolichestvo" id="chel1" checked="checked" ><label for="chel1">5 человек</label></div></td>
<td width="100"><div class="radio"><input type="radio" id="chel2" name="type_kolichestvo" value="1500" onchange="calc()"><label for="chel2">10 человек</label></div></td>
<td width="100"><div class="radio"><input type="radio" onchange="calc()" value="2000" name="type_kolichestvo" id="chel3"><label for="chel3">15 человек</label></div></td>
<td "width="70"><span id="result_kolichestvo">0</span> руб.</td>
</tr>
<tr>
<td colspan="4"><span>СПИСОК:</span></td>
</tr>
<tr>
<td colspan="3"><div class="checkbox"><input type="checkbox" id="type_exp1" value="1000" onchange="calc()" name="check"><label for="type_exp1">111</label></div>
</td>
<td width="70"><span id="result_exp1">0</span> руб.</td>
</tr>
<tr>
<td colspan="3"><div class="checkbox"><input type="checkbox" onchange="calc()" value="1000" id="type_exp2" name="check"><label for="type_exp2">222</label></div>
</td>
<td width="70"><span id="result_exp2">0</span> руб.</td>
</tr>
<!-- Итог -->
<tr>
<td class="td_result" colspan="3"><span>ОБЩАЯ СТОИМОСТЬ:</span></td>
<td width="100" class="td_result"><span id="result">0</span><span> руб.</span></td>
<td> </td>
</tr>
</tr>
</table>