Uh, det ser jo skønt ud. Jeg har sat det op med 7 og bagefter kaldt det med $_POST, men det lader ikke til at den kan kende forskel på om man vælger radio0 eller radio1, altså første eller anden radio i de 7 forskellige.
Her er hvad jeg har gjort:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="text/javascript">
var g_objLastSelected = [];
function chooseRadio( objRadio, group ){
setRadioValue( g_objLastSelected[group], false, "_graphics/radio_off.gif", group );
g_objLastSelected[group] = objRadio;
setRadioValue( objRadio, true, "_graphics/radio_on.gif", group );
}
function setRadioValue( objRadio, bSetValue, strGif, group ){
if( objRadio ){
var strRadioID = objRadio.id;
var strValue = strRadioID.split( "_" )[1];
var objHiddenField = document.getElementById( "ok" + group);
if( objHiddenField && bSetValue )
{
objHiddenField.value = strValue;
}
objRadio.src = strGif;
}
}
</script>
</head>
<body>
<?
if ($_POST['save']) {
?>
Valg 1:<? echo $_POST['ok0']; ?><br>
Valg 2:<? echo $_POST['ok1']; ?><br>
Valg 3:<? echo $_POST['ok2']; ?><br>
Valg 4:<? echo $_POST['ok3']; ?><br>
Valg 5:<? echo $_POST['ok4']; ?><br>
Valg 6:<? echo $_POST['ok5']; ?><br>
Valg 7:<? echo $_POST['ok6']; ?><br>
<?
}
?>
<form method="post" name="form" action="<? $_SERVER['PHP_SELF']; ?>">
<a href="#" onclick="chooseRadio( document.getElementById('radio_0_0'), 0 );">Valg 0.1</a>
<img src="_graphics/radio_off.gif" id="radio_0_0" onclick="chooseRadio( this, 0 );">
:
<img src="_graphics/radio_off.gif" id="radio_0_1" onclick="chooseRadio( this, 0 );">
<a href="#" onclick="chooseRadio( document.getElementById('radio_0_1'), 0 );">Valg 0.2</a>
<input type="hidden" name="ok0" id="ok0">
<br><br>
<a href="#" onclick="chooseRadio( document.getElementById('radio_1_0'), 1 );">Valg 1.1</a>
<img src="_graphics/radio_off.gif" id="radio_1_0" onclick="chooseRadio( this, 1 );">
:
<img src="_graphics/radio_off.gif" id="radio_1_1" onclick="chooseRadio( this, 1 );">
<a href="#" onclick="chooseRadio( document.getElementById('radio_1_1'), 1 );">Valg 1.2</a>
<input type="hidden" name="ok1" id="ok1">
<br><br>
<a href="#" onclick="chooseRadio( document.getElementById('radio_2_0'), 2 );">Valg 2.1</a>
<img src="_graphics/radio_off.gif" id="radio_2_0" onclick="chooseRadio( this, 2 );">
:
<img src="_graphics/radio_off.gif" id="radio_2_1" onclick="chooseRadio( this, 2 );">
<a href="#" onclick="chooseRadio( document.getElementById('radio_2_1'), 2 );">Valg 2.2</a>
<input type="hidden" name="ok2" id="ok2">
<br><br>
<a href="#" onclick="chooseRadio( document.getElementById('radio_3_0'), 3 );">Valg 3.1</a>
<img src="_graphics/radio_off.gif" id="radio_3_0" onclick="chooseRadio( this, 3 );">
:
<img src="_graphics/radio_off.gif" id="radio_3_1" onclick="chooseRadio( this, 3 );">
<a href="#" onclick="chooseRadio( document.getElementById('radio_3_1'), 3 );">Valg 3.2</a>
<input type="hidden" name="ok3" id="ok3">
<br><br>
<a href="#" onclick="chooseRadio( document.getElementById('radio_4_0'), 4 );">Valg 4.1</a>
<img src="_graphics/radio_off.gif" id="radio_4_0" onclick="chooseRadio( this, 4 );">
:
<img src="_graphics/radio_off.gif" id="radio_4_1" onclick="chooseRadio( this, 4 );">
<a href="#" onclick="chooseRadio( document.getElementById('radio_4_1'), 4 );">Valg 4.2</a>
<input type="hidden" name="ok4" id="ok4">
<br><br>
<a href="#" onclick="chooseRadio( document.getElementById('radio_5_0'), 5 );">Valg 5.1</a>
<img src="_graphics/radio_off.gif" id="radio_5_0" onclick="chooseRadio( this, 5 );">
:
<img src="_graphics/radio_off.gif" id="radio_5_1" onclick="chooseRadio( this, 5 );">
<a href="#" onclick="chooseRadio( document.getElementById('radio_5_1'), 5 );">Valg 5.2</a>
<input type="hidden" name="ok5" id="ok5">
<br><br>
<a href="#" onclick="chooseRadio( document.getElementById('radio_6_0'), 6 );">Valg 6.1</a>
<img src="_graphics/radio_off.gif" id="radio_6_0" onclick="chooseRadio( this, 6 );">
:
<img src="_graphics/radio_off.gif" id="radio_6_1" onclick="chooseRadio( this, 6 );">
<a href="#" onclick="chooseRadio( document.getElementById('radio_6_1'), 6 );">Valg 6.2</a>
<input type="hidden" name="ok6" id="ok6">
<br><br>
<input type="submit" name="save" value="Gem">
</form>
</body>
</html>
