<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="style.css" />
<script data-require="jquery" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="script.js">
</script>
</head>
<body>
<form>
<div>
<label for="radioYes">Выберете размер площадки(м.):</label><br />
<input type="radio" name="someRadioGroup" id="radioNo" value="0" checked="yes"/> 1,6х0,7
<input type="radio" name="someRadioGroup" id="radioMaybe" value="1"/> 2,0х1,0
<input type="radio" name="someRadioGroup" id="radioConfused" value="2"/> 2,0х2,0
<input type="radio" name="someRadioGroup" id="radioSolid 4" value="3"/> 2,0х1,2
<input type="radio" name="someRadioGroup" id="radioSolid Prof" value="4"/> 2,0х1,2 PROF
</div>
<div>
<label for="radioYes">Выберете рабочую высоту вышки-туры(м.):</label><br />
<input type="radio" name="radioSize" id="3" value="0" checked="yes"/> 3,9
<input type="radio" name="radioSize" id="5" value="1"/> 5,1
<input type="radio" name="radioSize" id="6" value="2"/> 6,3
<input type="radio" name="radioSize" id="7" value="3"/> 7,5
<input type="radio" name="radioSize" id="8" value="4"/> 8,7
<input type="radio" name="radioSize" id="9" value="5"/> 9,9
<input type="radio" name="radioSize" id="11" value="6"/> 11,1
<input type="radio" name="radioSize" id="12" value="7"/> 12,3
<input type="radio" name="radioSize" id="13" value="8"/> 13,5
<input type="radio" name="radioSize" id="14" value="9"/> 14,7
<input type="radio" name="radioSize" id="15" value="10"/> 15,9
<input type="radio" name="radioSize" id="17" value="11"/> 17,1
<input type="radio" name="radioSize" id="18" value="12"/> 18,3
<input type="radio" name="radioSize" id="19" value="13"/> 19,5
<input type="radio" name="radioSize" id="20" value="14"/> 20,7
<input type="radio" name="radioSize" id="21" value="15"/> 21,9
</div>
<div><button type="button" id="testButton">Рассчитать!</button></div>
<div id="result"></div>
<div id="dopupor"></div>
</form>
</body>
</html>
// Add your javascript here
$(function(){
var vishki = [
[6170, 7330, 8490, 9650, 10810, 11970],
[7500, 8790, 10080, 11370, 12660, 13950, 15240, 16530, 17820, 19110, 20400, 21690, 22980, 24270, 25560, 26850],
[9860, 11600, 13340, 15080, 16820, 18560, 20300, 22040, 23780, 25520, 27260, 29000, 30740, 32480, 34220, 35960],
[8365, 9960, 11555, 13150, 14745, 16340, 17935, 19530, 21125, 22720, 24315, 25910, 27505, 29100, 30695, 32290],
[9825, 11815, 13805, 15795, 17785, 19775, 21765, 23755, 25745, 27735, 29725, 31715, 33705, 35695, 37685, 39675]
];
$('#testButton').click(function(){
var checkedValue = $('[name="someRadioGroup"]:radio:checked').val();
var checkedSize = $('[name="radioSize"]:radio:checked').val();
var chois = vishki[checkedValue][checkedSize];
if (checkedValue == 0 & checkedSize >= 6) {
$('#result').html('Максимальная высота данной вышки 9,9 метров.<br />Выберете меньшую высоту.');
$('#dopupor').addClass('hid');
} else {
$('#result').html('Стоимость вышки <tt>' + chois + '</tt>.');
$('#dopupor').removeClass('hid');
}
if (checkedSize >= 3) {
$('#dopupor').html('Требуются дополнительные упоры 4 шт.');
} else {
$('#dopupor').html('Доп.упоры не требуются.');
}
});
});
/* Put your css in here */
h1 {
color: red;
}