function validate_quiz(){
    document.getElementById("quiz2").required = true;
    document.getElementById("quiz3").required = true;
    document.getElementById("quiz21").required = true;
    document.getElementById("quiz24").required = true;


    if (parseFloat(document.getElementById('quiz1').value) > 0) {
        document.getElementById('quiz1').oninvalid="this.setCustomValidity('check plz')"
        document.getElementById('quiz1').onchange="this.setCustomValidity('')"
    }
    if (parseFloat(document.getElementById('quiz2').value) > 0) {
        document.getElementById('quiz2').value = 2;
        }
    if (parseFloat(document.getElementById('quiz3').value) > 0) {
        document.getElementById('quiz3').value = 3;
    }
    if (parseFloat(document.getElementById('quiz1').value) > 10000) {
        document.getElementById('quiz3').value = 4;
        }
    }

    function checkForm(form)  {
    if(!form.terms.checked) {
      alert("Please indicate that you accept the Terms and Conditions");
      form.terms.focus();
      return false;
    }
    return true;
}


function validate(){
    	var elements = document.getElementsByName("quiz_vola");
        var statusText = "<br />";

	for (var index=0;index < elements.length;index++){
           statusText += elements[index].value+"-"+elements[index].checked+"<br />";
	}
        document.getElementById("status").innerHTML = statusText;
}


<!-- Der JavaScript-Code -->
var info1 = document.getElementById("infoBox1");
info1.style.display = "none"; // Box ausblenden
info1.style.position = "absolute";
info1.style.zIndex = 999;
// Entweder fix auf der Seite platziert
// info.style.left = "50px";
// info.style.top = "100px";
// Oder ein definiertes Stückchen unter dem Knopf
info1.style.marginTop = "10px";

function buttonShow1() {
  // Infobox anzeigen
  info1.style.display = "";
}
function buttonHide1() {
  // Infobox wieder ausblenden
  info1.style.display = "none";
}

<!-- Der JavaScript-Code -->
var info2 = document.getElementById("infoBox2");
info2.style.display = "none"; // Box ausblenden
info2.style.position = "absolute";
info2.style.zIndex = 999;
// Entweder fix auf der Seite platziert
// info.style.left = "50px";
// info.style.top = "200px";
// Oder ein definiertes Stückchen unter dem Knopf
info2.style.marginTop = "20px";

function buttonShow2() {
  // Infobox anzeigen
  info2.style.display = "";
}
function buttonHide2() {
  // Infobox wieder ausblenden
  info2.style.display = "none";
}
<!-- Der JavaScript-Code -->
var info2 = document.getElementById("infoBox2");
info2.style.display = "none"; // Box ausblenden
info2.style.position = "absolute";
info2.style.zIndex = 999;
// Entweder fix auf der Seite platziert
// info.style.left = "50px";
// info.style.top = "200px";
// Oder ein definiertes Stückchen unter dem Knopf
info2.style.marginTop = "20px";

function buttonShow2() {
  // Infobox anzeigen
  info2.style.display = "";
}
function buttonHide2() {
  // Infobox wieder ausblenden
  info2.style.display = "none";
}

<!-- Der JavaScript-Code -->
var info3 = document.getElementById("infoBox3");
info3.style.display = "none"; // Box ausblenden
info3.style.position = "absolute";
info3.style.zIndex = 999;
// Entweder fix auf der Seite platziert
// info.style.left = "50px";
// info.style.top = "300px";
// Oder ein definiertes Stückchen unter dem Knopf
info3.style.marginTop = "30px";

function buttonShow3() {
  // Infobox anzeigen
  info3.style.display = "";
}
function buttonHide3() {
  // Infobox wieder ausblenden
  info3.style.display = "none";
}

<!-- Der JavaScript-Code -->
var info4 = document.getElementById("infoBox4");
info4.style.display = "none"; // Box ausblenden
info4.style.position = "absolute";
info4.style.zIndex = 999;
// Entweder fix auf der Seite platziert
// info.style.left = "50px";
// info.style.top = "400px";
// Oder ein definiertes Stückchen unter dem Knopf
info4.style.marginTop = "40px";

function buttonShow4() {
  // Infobox anzeigen
  info4.style.display = "";
}
function buttonHide4() {
  // Infobox wieder ausblenden
  info4.style.display = "none";
}

<!-- Der JavaScript-Code -->
var info5 = document.getElementById("infoBox5");
info5.style.display = "none"; // Box ausblenden
info5.style.position = "absolute";
info5.style.zIndex = 999;
// Entweder fix auf der Seite platziert
// info.style.left = "50px";
// info.style.top = "400px";
// Oder ein definiertes Stückchen unter dem Knopf
info5.style.marginTop = "40px";

function buttonShow5() {
  // Infobox anzeigen
  info5.style.display = "";
}
function buttonHide5() {
  // Infobox wieder ausblenden
  info5.style.display = "none";
}