-- fadingen ville jeg springe fuldstændig over, det er vel tydeligt nok, at de har en prik inde i sig !-)
-- og der kom mange spørgsmål til opgavens karakter undervejs, men en løsning ud fra din aktuelle kode kunne være:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Titel</title>
<style type="text/css">
html, body { margin: 0; padding: 0; font: 11px/17px Verdana, Arial, Helvetica, sans-serif; }
p { font-weight: bold; margin: 0; padding: 0; color: #333; }
.clm { width: 100px; float: left; border-right: 1px #ccc solid; margin: 40px 0 0 20px; }
#totalcounter { background: #f4f4f4; border: 1px solid #ccc; height: 75px; font: bold 24px/75px "Calibri", "Trebuchet MS", Verdana, Arial, sans-serif; float: left; width: 100px; text-align: center; margin: 40px 0 0 0; }
.nostroke { border: 0; }
</style>
<script type="text/javascript">
var rightAnswers = {"first":0, "second":2, "third":1};
function checkAndShow(){
var group, inps = document.getElementsByTagName("input"), rigtige = 0;
for(nm in rightAnswers){
group = [];
for(var i=0, im=inps.length; im>i; i++){//vi opretter en gruppe med det aktuelle navn
if(inps[i].type=="radio" && inps[i].name == nm)
group.push(inps[i]);
}
rigtige += group[rightAnswers[nm]].checked ? 1 : 0;
}
document.getElementById("totalcounter").firstChild.nodeValue = " " + rigtige + " stk";
}
</script>
</head>
<body>
<div class="clm">
<p>Kolonne 1</p>
<input type="radio" name="first" onclick="checkAndShow();"> Rigtigt<br>
<input type="radio" name="first" onclick="checkAndShow();"> Forkert<br>
<input type="radio" name="first" onclick="checkAndShow();"> Forkert
</div>
<div class="clm">
<p>Kolonne 2</p>
<input type="radio" name="second" onclick="checkAndShow();"> Forkert<br>
<input type="radio" name="second" onclick="checkAndShow();"> Forkert<br>
<input type="radio" name="second" onclick="checkAndShow();"> Rigtigt
</div>
<div class="clm nostroke">
<p>Kolonne 3</p>
<input type="radio" name="third" onclick="checkAndShow();"> Forkert<br>
<input type="radio" name="third" onclick="checkAndShow();"> Rigtigt<br>
<input type="radio" name="third" onclick="checkAndShow();"> Forkert
</div>
<div id="totalcounter"> 0 stk</div>
</body>
</html>
-- hvis der skal være andre indgangsvinkler er der rigtig mange muligheder for at gøre det anderledes, men een ting undgås ikke: at det rigtige svar findes i dokumentet på en eller anden måde !-)
