Untitled

<html>
<head>
<meta charset="utf-8">
</head>
<body bgcolor="#818181"></body>
<center><legend><font size="7"> Zobacz czy jesteś dobrym kierowcą </legend></font></center>

<script>

function checkboxes(){
    var inputElems = document.getElementsByTagName("input"),
    count = 0;
    for (var i=0; i<inputElems.length; i++) {
    if (inputElems[i].type === "checkbox" && inputElems[i].checked === true){
        count++;
        alert(count);
    }
}}


function selectOnlyThis(id) {
    for (var i = 1;i <= 3; i++)

    {
        document.getElementById("id" + i).checked = false;
    }
    document.getElementById(id).checked = true;
}

function selectOnlyThis2(id) {
    for (var i = 4;i <= 6; i++)

    {
        document.getElementById("id" + i).checked = false;
    }
    document.getElementById(id).checked = true;
}
function selectOnlyThis3(id) {
    for (var i = 7;i <= 9; i++)

    {
        document.getElementById("id" + i).checked = false;
    }
    document.getElementById(id).checked = true;
}
function selectOnlyThis4(id) {
    for (var i = 10;i <= 12; i++)

    {
        document.getElementById("id" + i).checked = false;
    }
    document.getElementById(id).checked = true;
}
function selectOnlyThis5(id) {
    for (var i = 13;i <= 15; i++)

    {
        document.getElementById("id" + i).checked = false;
    }
    document.getElementById(id).checked = true;
}
function odp() {
var div1 = document.getElementById('div1');

var id1 = document.getElementById('id1');
var id2 = document.getElementById('id2');
var id3 = document.getElementById('id3');

if(id1.checked || id2.checked)
{
  alert("Zła odpowiedź");
}else {
  alert("otrzymujesz punkt");
}


}


</script>


<body>
<form id="form1">
<label>
<font size="5">1.Ile wynosi dopuszczalna prędkość na obszarze zabudowanym w godzinach 5.00-23.00?</font>
</label><br>
<br>A.<input type="checkbox" id="id1" onclick="selectOnlyThis(this.id)" >50km/h</br>
<br>B.<input type="checkbox" id="id2" onclick="selectOnlyThis(this.id)" >20km/h</br>
<br>C.<input type="checkbox" id="id3" value="Prawidlowa" onclick="selectOnlyThis(this.id)" >60km/h</br>


<label>

<font size="5">2.W jakiej odległości za samochodem należy ustawić trójkąt ostrzegawczy na autostradzie?</font>
</label><br>
<br>A.<input type="checkbox" id="id4" value="PrawidlowaZ" onclick="selectOnlyThis2(this.id)">100 metrów</br>
<br>B.<input type="checkbox" id="id5" onclick="selectOnlyThis2(this.id)">200 centymetrów</br>
<br>C.<input type="checkbox" id="id6" onclick="selectOnlyThis2(this.id)">150 decymetrów</br>


<label>
<font size="5">3.Czy każdy kierowca jest zobowiązany do posiadania w aucie apteczki?</font>
</label><br>
<br>A.<input type="checkbox" id="id7" onclick="selectOnlyThis3(this.id)">Tak</br>
<br>B.<input type="checkbox" id="id8" value="PrawidlowaZN" onclick="selectOnlyThis3(this.id)">Nie</br>
<br>C.<input type="checkbox" id="id9" onclick="selectOnlyThis3(this.id)">Nie wiem</br>


<label>
<font size="5">4.Który samochód wybrałbyś na swój pierwszy?<br></font></label>
<br>A.<input type="checkbox" id="id10" onclick="selectOnlyThis4(this.id)">Volkswagen Golf 4</br>
<br>B.<input type="checkbox" id="id11" value="PrawidlowaZNO" onclick="selectOnlyThis4(this.id)">Subaru Legacy</br>
<br>C.<input type="checkbox" id="id12" onclick="selectOnlyThis4(this.id)">Daewoo Matiz</br>


<label>
<font size="5">5.Czy włączasz kierunkowskaz przy zjeżdzaniu z ronda?<br></font></label>
<br>A.<input type="checkbox" id="id13" value="PrawidlowaZNOW"onclick="selectOnlyThis5(this.id)">Tak</br>
<br>B.<input type="checkbox" id="id14" onclick="selectOnlyThis5(this.id)">Nie</br>
<br>C.<input type="checkbox" id="id15" onclick="selectOnlyThis5(this.id)">Czasami</br>


<center><input type="button" value="Sprawdz jakim jestem kierowcą" onclick="odp();">
<div id="div1"></div></center>
</body>
</html>