Radio som billede

Laver den som et image !-)

<form name="form1">
<img src="off.gif" onclick="if(this.src.indexOf('off')>-1){this.src='on.gif';document.form1.radio1='checked';}else{this.src='off.gif';document.form1.radio1='false';}">
<input type="hidden" name="radio1">
</form>

jeg får en fejlmelding, "understøtter ikke denne metode" eller noget i den stil

der mangler en 'value':

<img src="off.gif" onclick="if(this.src.indexOf('off')>-1){this.src='on.gif';document.form1.radio1.value='checked';}else{this.src='off.gif';document.form1.radio1.value='false';}">

/nute

det virker men, jeg har flere radio bottons, hvordan kan jeg styre at der kun kna vælges en

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
    <script language="JavaScript" type="text/javascript">
    <!--
    var g_objLastSelected = null;
    function chooseRadio( objRadio )
    {
        setRadioValue( objRadio, "checked", "on.gif" );
        setRadioValue( g_objLastSelected, "false", "off.gif" );
        g_objLastSelected = objRadio;
    }
    function setRadioValue( objRadio, strValue, strGif )
    {
        if( objRadio )
        {
            var strRadioID = objRadio.id;
            var objHiddenField = document.getElementById( strRadioID + "_hidden" );
            if( objHiddenField )
            {
                objHiddenField.value = strValue;
                objRadio.src = strGif;
            }
        }
    }
    //-->
    </script>
</head>

<body>
<form name="form1">
<img src="off.gif" id="radio1" onclick="chooseRadio( this );">
<img src="off.gif" id="radio2" onclick="chooseRadio( this );">
<img src="off.gif" id="radio3" onclick="chooseRadio( this );">
<input type="hidden" name="radio1_hidden" id="radio1_hidden">
<input type="hidden" name="radio2_hidden" id="radio2_hidden">
<input type="hidden" name="radio3_hidden" id="radio3_hidden">
</form>
</body>
</html>

/nute

Det virker, men det skulle gerne kunne sættes ind "alm" radio bottons.
Sådan her:
<form name="form1" method="post" action="radio.php">
Valg 1 <input type="radio" name="ok" value="1">
Valg 2 <input type="radio" name="ok" value="2">
Valg 3 <input type="radio" name="ok" value="3">
<input type="submit" name="Send" value="Send">

Og når jeg modtager det:
echo $_POST['ok'];

Kim

eh ??? du skriver jo at du vil have radiobuttons som billeder ?!?!

så må du jo eventuelt bare lave 1 hidden felt som du smider en værdi ned i:

<html>
<head>
    <title>Untitled</title>
    <script language="JavaScript" type="text/javascript">
    <!--
    var g_objLastSelected = null;
    function chooseRadio( objRadio )
    {
        setRadioValue( objRadio, true, "on.gif" );
        setRadioValue( g_objLastSelected, false, "off.gif" );
        g_objLastSelected = objRadio;
    }
    function setRadioValue( objRadio, bSetValue, strGif )
    {
        if( objRadio )
        {
            var strRadioID = objRadio.id;
            var strValue = strRadioID.split( "_" )[1];
            var objHiddenField = document.getElementById( "ok" );
            if( objHiddenField && bSetValue )
            {
                objHiddenField.value = strValue;
            }
            objRadio.src = strGif;
        }
    }
    //-->
    </script>
</head>

<body>
<form name="form1">
<img src="off.gif" id="radio_1" onclick="chooseRadio( this );">
<img src="off.gif" id="radio_2" onclick="chooseRadio( this );">
<img src="off.gif" id="radio_3" onclick="chooseRadio( this );">
<input type="text" name="ok" id="ok">
</form>
</body>
</html>

/nute

ja, det er rigtigt, men radiobottons er jo en alternativ knap, så når jeg skriver radio bottons med billed, så tænker jeg på samme features som radio bottons har, men indrømmet min forklaring kunne godt have været lidt mere specifik.
Men det virker tak for hjælpen.
Kim

lukker du så spm ?

;o]

Havde prøvet da jeg skrev, men det virkede ikke efter hensigten ;-)