Radiobuttons skifter værdi efter status
Jeg har fundet og tilpasset et script til at beregne en pris. Det fungerer fint nok bortset fra, at opbygningen bliver kompleks, hvis jeg forsætter ud af samme spor.Tricket er, at man kan have fire status: medlem, ikke-medlem, medlem og jubilar eller ikke-medlem og jubilar. Det fungerer fint nok i formularen, hvis man vælger "alle dage". Problemet kommer, når man skal beregne de enkelte dage, da der her også er forskellige enhedspriser efter status.
Kan ikke krejle, hvordan den skal bygges op. Den fungerende kode kommer her:
<html>
<head>
<title>Elevmøde tilmelding</title>
<style>
span.sel {
width: 400px;
}
input.price {
width: 80px;
text-align: right;
color: yellow;
background-color: silver;
}
</style>
<script>
function reCalc(theForm){
var total = 0;
var fName = ["item1:txtFieldX","item2:txtFieldY","item3:txtFieldZ"];
for(var i=0;i<fName.length;i++){
var rBtn = theForm[fName[i].split(":")[0]];
var vFld = theForm[fName[i].split(":")[1]];
if(rBtn)
for(var j=0;j<rBtn.length;j++){
if(rBtn[j].checked==true){
vFld.value=rBtn[j].value;
total += rBtn[j].value*1;
}
}
}
theForm.subTotal.value=total.toFixed(2);
}
</script>
</head>
<body>
<form onClick="reCalc(this)" onKeyPress="this.onclick()">
<hr>
<span class="sel">
<input type=radio name=item1 value="400.00" onclick="document.getElementById('myArea').disabled = true;">
Alle dage medlem<br>
<input type=radio name=item1 value="500.00" onclick="document.getElementById('myArea').disabled = true;">
Alle dage ikke-medlem<br>
<input type=radio name=item1 value="300.00" onclick="document.getElementById('myArea').disabled = true;">
Alle dage jubilar medlem<br>
<input type=radio name=item1 value="360.00" onclick="document.getElementById('myArea').disabled = true;">
Alle dage jubilar ikke-medlem<br>
<hr>
<input type="radio" name="item1" value="0.00" onclick="document.getElementById('myArea').disabled = false;">
Jeg ønsker kun at deltage i følgende:
<table border="0" valign="top" class="tekst" id="myArea" disabled>
<tr>
<td width="10" valign="top" class="tekst"> </td>
<td width="10" valign="middle" class="tekst">></td>
<td width="50" valign="top" class="tekst"><input type="checkbox" name="item1" value="110"><b>Fredag</b></td>
</tr>
<tr>
<td width="10" valign="top" class="tekst"> </td>
<td width="10" valign="middle" class="tekst">></td>
<td valign="top" class="tekst"><input type="checkbox" name="item1" value="260"><b>Lørdag</b></td>
</tr>
<tr>
<td valign="top" class="tekst"> </td>
<td width="10" valign="middle" class="tekst">></td>
<td width="50" valign="top" class="tekst"><input type="checkbox" name="item1" value="110"><b>Søndag</b></td>
</tr>
</table>
</span>
<input type=text name=txtFieldX class="price">
<hr>
<span class="sel">
<input type=radio name=item2 value="0.00">
Jeg tager sovepose med og sover med mit hold
<br>
<input type=radio name=item2 value="150.00">
Jeg vil gerne reservere 1xværelse<br>
<input type=radio name=item2 value="100.00">
Jeg vil gerne reservere 2xværelse<br>
<input type=radio name=item2 value="75.00">
Jeg vil gerne reservere 3xværelse<br>
</span>
<input type=text name=txtFieldY class="price"><br>
Jeg ønsker at dele værelse med: <input type=text name=værelsesinfo value="skriv navn(e)">
<hr>
<span class="sel">
Subtotal:
</span>
<input type=text name=subTotal class="price" readonly>
</form>
</body>
</html>
Nogle forslag til strukturreformer?!?!?
