---
title: "Radios till bild?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/102187-radios-till-bild"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Meng"
published: "2004-04-23T12:52:31.000Z"
updated: "2004-04-26T07:45:05.000Z"
replies: 12
views: 249
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/102187-radios-till-bild"
---

# Radios till bild?

## #1 — Meng, 2004-04-23T12:52Z

Kan man ersätta radio buttons till bilder?

t ex 

\<radio\> ger denna bilden \<bild\>
\<radio\> ger denna bilden \<bild\>
\<radio\> ger denna bilden \<bild\>
\<radio\> ger denna bilden \<bild\>

också ha bara bilder istället som blir markerade när man väljer dem?

Permalänk: https://www.webforum.nu/p/102187

## #2 — OveRRidE, 2004-04-23T13:03Z

Flyttas från ASP, VBScript.

Permalänk: https://www.webforum.nu/p/1329470

## #3 — Meng, 2004-04-23T13:04Z

sorry... men hur gör man?

Permalänk: https://www.webforum.nu/p/1329471

## #4 — Peeer, 2004-04-23T13:08Z

<http://www.jojoxx.net/jscript/archive/show.asp?id=27>

Permalänk: https://www.webforum.nu/p/1329473

## #5 — Meng, 2004-04-23T13:18Z

Var i denna röran sätter man in value? och kan man ha en form i en form?

```
<form name="myForm">
<input type="hidden" name="myradio">
<a href="#" onClick="gfxRadioSelect('myRadios',document.myForm.myradio,0,'images/off.gif','images/on.gif'); return false;"><img src="images/off.gif" width=30 height=30 border=0 alt="" name="myRadios0"></a>
<a href="#" onClick="gfxRadioSelect('myRadios',document.myForm.myradio,1,'images/off.gif','images/on.gif'); return false;"><img src="images/off.gif" width=30 height=30 border=0 alt="" name="myRadios1"></a>
<a href="#" onClick="gfxRadioSelect('myRadios',document.myForm.myradio,2,'images/off.gif','images/on.gif'); return false;"><img src="images/off.gif" width=30 height=30 border=0 alt="" name="myRadios2"></a>
</form>
<script type="text/javascript">
/* Detta script finns att hämta på [url]http://www.jojoxx.net[/url] och
   får användas fritt så länge som dessa rader står kvar. */

var myRadios=new Array('blå','gul','vit'); // Array med de värden som skall ingå i den grafiska radioknappsgruppen.

function gfxRadioSelect(radioarray,radioobj,index,offSrc,onSrc){
	for(var n=0;n<eval(radioarray+".length");n++){
		eval('document["'+radioarray+n+'"].src=offSrc;');
	}
	radioobj.value=eval(radioarray+"["+index+"]");
	eval('document["'+radioarray+index+'"].src=onSrc;');
}
</script>
```

Permalänk: https://www.webforum.nu/p/1329478

## #6 — Palle, 2004-04-23T13:19Z

```
[red]var myRadios=new Array('blå','gul','vit'); // Array med de värden som skall ingå i den grafiska radioknappsgruppen.[/red]
```

blå = första värdet
gul = andra värdet
vit = tredje värdet

..o.s.v.

Permalänk: https://www.webforum.nu/p/1329480

## #7 — Meng, 2004-04-23T13:26Z

hehe missade det =) men varför 3 värden?!  :q  man kan ju bara ha 2 st "ja eller nej"

Permalänk: https://www.webforum.nu/p/1329487

## #8 — Meng, 2004-04-23T13:28Z

Oj förlåt! jag som sovit förlite... det va ju 3 radios.. hehe sorry m8 
Trevlig helg!  :birp

Permalänk: https://www.webforum.nu/p/1329490

## #9 — Meng, 2004-04-23T13:30Z

hur gör man dessa "checked" då?! tänker på detta scriptet..

```
<input type="radio" name="igang" value="True" <%If RecSet("igang") = "True" Then%>checked<%End If%>> / 
<input type="radio" name="igang" value="False" <%If RecSet("igang") = "False" Then%>checked<%End If%>>
```

Permalänk: https://www.webforum.nu/p/1329491

## #10 — Peter S, 2004-04-23T13:51Z

Genom att anropa funktionen med lämpliga argument:

```
gfxRadioSelect('myRadios',document.myForm.myradio,1,'images/off.gif','images/on.gif');
```

Gör att den mittersta boxen blir "checked".

 :)

Permalänk: https://www.webforum.nu/p/1329509

## #11 — Meng, 2004-04-23T13:59Z

men det är ju samma kod som ovan..

Permalänk: https://www.webforum.nu/p/1329513

## #12 — Peter S, 2004-04-23T14:08Z

Testa detta (reserverar mig för ev. ASP-relaterade fel):

```
<form method="post" action="admin.asp?do=inne&action=aktiv&id=<%=RecSet("ID")%>" name="aktiv">
<input type="hidden" name="igang">
<a href="#" onClick="gfxRadioSelect('myRadios',document.aktiv.igang,0,'http://www.jojoxx.net/jscript/archive/images/off.gif','http://www.jojoxx.net/jscript/archive/images/on.gif'); document.aktiv.submit(); return false;"><img src="http://www.jojoxx.net/jscript/archive/images/off.gif" width=30 height=30 border=0 alt="" name="myRadios0"></a>
<a href="#" onClick="gfxRadioSelect('myRadios',document.aktiv.igang,1,'http://www.jojoxx.net/jscript/archive/images/off.gif','http://www.jojoxx.net/jscript/archive/images/on.gif'); document.aktiv.submit(); return false;"><img src="http://www.jojoxx.net/jscript/archive/images/off.gif" width=30 height=30 border=0 alt="" name="myRadios1"></a>
</form>
<script type="text/javascript">
/* Detta script finns att hämta på [url]http://www.jojoxx.net[/url] och
   får användas fritt så länge som dessa rader står kvar. */

var myRadios=new Array(true,false); // Array med de värden som skall ingå i den grafiska radioknappsgruppen.

function gfxRadioSelect(radioarray,radioobj,index,offSrc,onSrc){
	for(var n=0;n<eval(radioarray+".length");n++){
		eval('document["'+radioarray+n+'"].src=offSrc;');
	}
	radioobj.value=eval(radioarray+"["+index+"]");
	eval('document["'+radioarray+index+'"].src=onSrc;');
}

gfxRadioSelect('myRadios',document.aktiv.igang,<%If RecSet("igang") = "True" Then%>0<%Else%>1<%End If%>,'http://www.jojoxx.net/jscript/archive/images/off.gif','http://www.jojoxx.net/jscript/archive/images/on.gif');

</script>
```

 :)

Permalänk: https://www.webforum.nu/p/1329521

## #13 — Meng, 2004-04-26T07:45Z

\=) funkade inte, fast jag har börjat misstänka att det är något felpå resten av mitt script som gör att inga andra javascript funkar som de ska på sidan..

Permalänk: https://www.webforum.nu/p/1330744

---

Tråden på webben: https://www.webforum.nu/amne/javascript/102187-radios-till-bild