Загрузка данных
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Анкета слушателя курсов</title>
<script>
function getChecked(name) {
var items = document.forms["courses"].elements[name];
for (var i = 0; i < items.length; i++) {
if (items[i].checked) {
return items[i];
}
}
return null;
}
function calculateCourse() {
var course = getChecked("course");
var duration = getChecked("duration");
var language = getChecked("language");
var report = getChecked("report");
if (course == null || duration == null || language == null || report == null) {
document.forms["courses"].area.value = "Выберите курс, продолжительность, язык и отчетность";
return;
}
var courseParts = course.value.split("|");
var durationParts = duration.value.split("|");
var languageParts = language.value.split("|");
var reportParts = report.value.split("|");
var courseName = courseParts[0];
var basePrice = Number(courseParts[1]);
var durationName = durationParts[0];
var durationCoef = Number(durationParts[1]);
var languageName = languageParts[0];
var languageCoef = Number(languageParts[1]);
var reportName = reportParts[0];
var reportAdd = Number(reportParts[1]);
var total = Math.round(basePrice * durationCoef * languageCoef + reportAdd);
var result = "";
result += "Курс: " + courseName + "\n";
result += "Продолжительность: " + durationName + " часов\n";
result += "Язык: " + languageName + "\n";
result += "Отчетность: " + reportName + "\n";
result += "\nСтоимость обучения: " + total + " грн";
document.forms["courses"].area.value = result;
}
</script>
</head>
<body bgcolor="#f8f8ff">
<center>
<h3>Анкета слушателя курсов</h3>
<form name="courses">
<table border="3" cellpadding="8">
<tr>
<th>Название курса</th>
<th>Продолжительность</th>
<th>Язык</th>
<th>Отчетность</th>
</tr>
<tr>
<td>
<input type="radio" name="course" value="Информатика|2000" onchange="calculateCourse()"> Информатика<br>
<input type="radio" name="course" value="Базы данных|2500" onchange="calculateCourse()"> Базы данных<br>
<input type="radio" name="course" value="Ресурсы Интернет|2200" onchange="calculateCourse()"> Ресурсы Интернет<br>
<input type="radio" name="course" value="Анализ алгоритмов|3000" onchange="calculateCourse()"> Анализ алгоритмов<br>
</td>
<td>
<input type="radio" name="duration" value="36|1" onchange="calculateCourse()"> 36<br>
<input type="radio" name="duration" value="64|1.5" onchange="calculateCourse()"> 64<br>
<input type="radio" name="duration" value="128|2.4" onchange="calculateCourse()"> 128<br>
</td>
<td>
<input type="radio" name="language" value="Русский|1" onchange="calculateCourse()"> Русский<br>
<input type="radio" name="language" value="Английский|1.2" onchange="calculateCourse()"> Английский<br>
</td>
<td>
<input type="radio" name="report" value="Зачет|0" onchange="calculateCourse()"> Зачет<br>
<input type="radio" name="report" value="Экзамен|500" onchange="calculateCourse()"> Экзамен<br>
</td>
</tr>
</table>
<br>
<textarea name="area" cols="45" rows="8"></textarea>
<br><br>
<input type="reset" value="Очистить" onclick="document.forms['courses'].area.value = ''">
</form>
</center>
</body>
</html>