Я давно перестал понимать что вы хотите получить. Поэтому вот вам пример для размышлений. Без оформления разумеется.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>ГГ</title>
<style>
* {
margin:0;
padding: 0;
outline: none;
}
input[type="button"] {
display: block;
}
p {
margin-top: 30px;
}
</style>
</head>
<body>
<form action="" name="forma">
<p>Выберите первое:</p>
<label for=""><input type="radio" class="a" name="a" value="10">10</label>
<label for=""><input type="radio" class="a" name="a" value="20">20</label>
<label for=""><input type="radio" class="a" name="a" value="30">30</label>
<p>Выберите второе:</p>
<label for=""><input type="radio" class="b" name="b" value="40">40</label>
<label for=""><input type="radio" class="b" name="b" value="50">50</label>
<label for=""><input type="radio" class="b" name="b" value="60">60</label>
<p>Нужна отчётность?</p>
<label for=""><input type="radio" class="c" name="c" value="Yes">Да</label>
<label for=""><input type="radio" class="c" name="c"value="No">Нет</label>
<label for=""><input type="radio" class="c" name="c" value="Maybe">Наверное</label>
<p>Результат: </p>
<input type="text" id="result">
<input type="button" value="Посчитать" id="button">
</form>
<script>
var d = document;
button.onclick = function(){
if (d.forma.querySelector(".a:checked"))
var a = d.forma.querySelector(".a:checked").value;
else {
alert('Заполнены не все поля');
return;
}
if (d.forma.querySelector(".b:checked"))
var b = d.forma.querySelector(".b:checked").value;
else {
alert('Заполнены не все поля');
return;
}
if (d.forma.querySelector(".c:checked"))
var c = d.forma.querySelector(".c:checked").value;
else {
alert('Заполнены не все поля');
return;
}
if (c == "Yes"){
result.value = a*b*2;
}
if (c == "No") {
result.value = a*b;
}
if (c == "Maybe") {
alert('Ответ неверный. Попробуйте снова');
}
}
</script>
</body>
</html>