Показать сообщение отдельно
  #22 (permalink)  
Старый 13.06.2013, 19:57
Интересующийся
Отправить личное сообщение для extravert Посмотреть профиль Найти все сообщения от extravert
 
Регистрация: 11.06.2013
Сообщений: 16

Да, наверное, с селекторами было бы лучше, но задача изначально стоит оформить это через радио. Вот с ними у меня как раз и не получается. Мне нужно, чтобы в выводе "время" был коэффициент, в зависимости от количества участников. А в участниках цену, я думаю, вообще бы убрать для вывода. Пока что не получается. Вот такой код имею сейчас.

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