Показать сообщение отдельно
  #5 (permalink)  
Старый 03.06.2016, 14:04
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

disign,
<style type="text/css">
    #a2:checked ~ #spisok15 {
        display: none;
    }

    #a3:checked ~ #spisok14 {
        display: none;
    }

    #a11:checked ~ #spisok15 {
        display: none;
    }

    #a11:checked ~ #spisok14 {
        display: none;
    }
</style>
<script>
    function kak() {
        var flag15 = 0;
        if (document.getElementById('a3').checked)
            flag15 = +document.getElementById('spisok15').value;

        if (document.getElementById('a2').checked)
            flag15 = +document.getElementById('spisok14').value;

        var vvw = +document.querySelector('[name="vvw"]:checked').value
        var vww = +document.querySelector('[name="vww"]:checked').value
        document.getElementById('ttt').innerHTML = flag15 + vvw + vww;
    }
</script>

<form onsubmit="return false;" onchange="kak()">
    <h3>Выберете тип автомобиля</h3><br>
    <br> Вело <input type="radio" id="a11" name="raz15" value="47"> Авто с прицепом
    <input type="radio" id="a2" checked="checked" name="raz15"> Пикап <input type="radio" id="a3" name="raz15"><br>
    <select id="spisok15">
      <option value="500">
        Боковая выгрузка
      </option>

      <option value="0">
        Задняя выгрузка
      </option>
    </select> <select id="spisok14">
      <option value="500">
        Боковая выгрузка
      </option>

      <option value="0">
        Задняя выгрузка
      </option>
    </select><br> Цена <output id="ttt">54</output> $
</form>

<form onsubmit="return false;" onchange="kak()">
    <h3>Выберете тип питания</h3>баллон1 <input type="radio" id="b115" name="vvw" value="100"> баллон2 <input type="radio" id="c115" name="vvw" value="200"> 220 V
    <input type="radio" id="l115" checked="checked" name="vvw" value="0">
</form>

<form onsubmit="return false;" onchange="kak()">
    <h3>Выберете тип обшивки</h3>Дсп <input type="radio" id="b215" name="vww" value="100"> Нержавейка <input type="radio" id="c215" name="vww" value="200"> ДСП+Нержавейка
    <input type="radio" id="l215" checked="checked" name="vww" value="0">
</form>
Ответить с цитированием