<!DOCTYPE html>
<html>
<head>
<script>
// правильные ответы - первый и третий
var answer = {1:true, 3:true};
function checkAnswer() {
// считаем что ответы правильные
var error = false;
// чекбоксы
var inputs = document.getElementsByTagName('input');
for (var i = 0; i < inputs.length; i++) {
// галка
var checked = inputs[i].checked;
// является ли вариант правильным
var right = answer[i+1] == true;
// если отметка не является правильной
if (checked !== right) {
error = true;
// дальше можно не проверять
break;
}
}
var output = document.getElementById('output');
output.value = error ? 'Ошибка!!!' : 'Зачот!!!';
// предотвращаем отправку формы
return false;
}
</script>
</head>
<body>
<form onsubmit="return checkAnswer()">
<h4>Вопрос?</h4>
<p><label><input type="checkbox">Вариант 1*</label></p>
<p><label><input type="checkbox">Вариант 2</label></p>
<p><label><input type="checkbox">Вариант 3*</label></p>
<p><button type="submit">Готово</button> <button type="reset">Сбросить ответы</button></p>
<p><textarea id="output" readonly></textarea></p>
</form>
</body>
</html>