hans85: Radio-Button & Textfelder addieren

Beitrag lesen

Hallo alle,
also ich möchte durch zwei Textfelder haben, in die man Werte einträgt. Wenn ich nun zusätzlich ein Radio-Button betätige wird das Ergebnis mit einer bestimmte Summe addiert. Wenn ich auf den "OK-"Button klicke soll das ganze ausgegeben werden.

Soweit geht es, nur wenn ich den Radio-Button dem Quelltext hinzufüge passiert beim betätigen des Ausgabe-Buttons nichts mehr.

Ich hoffe das kam verständlich rüber.

Mein Quelltext sieht viel folgt aus:

Die Javascriptdatei:

function input() {

var es;
  if (document.radios.r1.checked == true)
   {
    es = 100;
   }

we=document.getElementById("we").value =
  parseFloat(document.getElementById("lv").value)+
  parseFloat(document.getElementById("ie").value);
}

Die HTML-Datei:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<link rel="stylesheet" type="text/css" href="layout.css">

<script src="expcalculator.js" type="text/javascript"></script>

</head>
<body>

<form name=all>
<div style="position:absolute; top: 20px; left:290px;">
<input type="button" value="Calculate" onclick="input();" style="width: 100px; height:40px; font-weight:bold;">
<input type="reset" value="Reset all">
</div>

<div style="position:absolute; top: 180px;">
<input type="text" id="lv" size="4" maxlength="2" value="0">
<input type="text" id="ie" size="4" maxlength="3" value="0">
</div>

<form name=radios>
<input type="radio" name="r1" id="r1">
</form>

<div style="position:absolute; top: 200px; left:1px;">
Ausgabe:<input type="text" id="we" size="4" maxlength="3" value="0">
</div>

</form>

</body>
</html>

Ich hoffe mir kann geholfen werden, danke. :)