Показать сообщение отдельно
  #3 (permalink)  
Старый 23.02.2017, 00:16
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

DeathDji,
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Calculator</title>
    <link href="style.css" type="text/css" rel="stylesheet">
 <script>
   function lesaCena()
   {
     var el = document.querySelector('[name="vidlesov"]:checked')||{value : "x"} ;
     var cena = {"lrsp30" : 100, "lrsp40" : 200, "lrsp60" : 300, "lrsp100" : 400, x : 0}[el.value];
     alert(cena);
     return cena
   }
 </script>
</head>
<body>
<div class="content">
    <div class="top"><canvas id='example'></canvas></div>
    <div class="calc">
        <center>
            <form name="form1">
                <table border=1 cellpadding=5 cellspacing=0><tr><td>
                    <table>
                        <th colspan="2">Рассчитать стоимость</th>
                        <tr>
                            <td>Вид лесов</td>
                            <td id="les">
                                <input id="lrsp30" type=radio name="vidlesov" value="lrsp30" checked onclick="lesaCena();"><label>ЛРСП-30</label>


                                <input id="lrsp40" type=radio name="vidlesov" value="lrsp40" onclick="lesaCena();"><label>ЛРСП-40</label>


                                <input id="lrsp60" type=radio name="vidlesov" value="lrsp60" onclick="lesaCena();"><label>ЛРСП-60</label>


                                <input id="lrsp100" type=radio name="vidlesov" value="lrsp100" onclick="lesaCena();"><label>ЛРСП-100</label>
                            </td>
                        </tr>
                        <tr>
                            <td>Длина и высота объекта</td>
                            <td><input type="namber" name="d" placeholder="Длина, м" size=15 maxlength=10>
                            <input type="namber" name="h" placeholder="Высота, м" size=15 maxlength=10></td>
                        </tr>
                        <tr>
                            <td>Число рабочих ярусов</td>
                            <td><input type="namber" name="yarus" size=15 maxlength=10></td>
                        </tr>
                        <tr>
                            <td>Комплектация связями</td>
                            <td>
                                <input type=radio name="svyazi" value="1" checked>шахматный порядок
                                <input type=radio name="svyazi" value="-1">сплошная
                            </td>
                        </tr>
                        <tr>
                            <td>Количество подъемов</td>
                            <td><input type="namber" placeholder="2"></td>
                        </tr>
                        <tr>
                            <td>Комплектация опорами</td>
                            <td>
                                <input type=radio name="opora" value="1" checked>да
                                <input type=radio name="opora" value="-1">нет
                            </td>
                        </tr>
                        <tr>
                            <td>Комплектация кронштейнами</td>
                            <td>
                                <input type=radio name="kronshtein" value="1" checked>да
                                <input type=radio name="kronshtein" value="-1">нет
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <input type="button" name="button" value="Вычислить" onClick="areaRectangle();"><br><br>
                                <input type="text" name="res" size="10">
                            </td>
                        </tr>
                    </table>
                </td></tr></table>
            </form>
            <p id="demo"></p>
        </center>
    </div>
</div>
</body>
</html>
Ответить с цитированием