8 svar · 215 visningar · startad av voigtann1
Jag har en fråga om radio buttons i ett <form> kan man byta ut dom till bilder såsom Lunarstorm.se har när man registera sig där? kan något tala om för mig hur man fixar det?
Fattar in deras koder.
Jag tog bort tråden i HTML, CSS eftersom att du postad tråden i rätt forum. 
ser bra ut men jag har en liten fråga på scripted.. om man har typ två st radio buttons med det scripted kan man göra så att den bara makera ena och inte båda lr så gör det den redan?
Jag ska typ ju ha 2 radio buttons hur fungera koden då??
Jojoxx:
Vet du hur man gör för att få den första i arrayen på denna sida att bli checked från början ?
Scriptet använder ett hidden-fält för att spara värdet från den markerade radio-knappen. Sätt bara ett value i den hidden-fältet, samt att du ändrar src för den knapp (bild) som skall vara förmarkerad.
Själv kör jag ngt liknande:
<HTML>
<HEAD>
<TITLE>Checkbox Grafix</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT language="javascript">
function setBoxImg(cboxobj, imgobj, offImg, onImg){
var sval = cboxobj.value;
if(sval == 0){
imgobj.src = offImg;
}else if(sval == 1) {
imgobj.src = onImg;
}
}
function chkBoxImg(cboxobj, imgobj, offImg, onImg){
var sval = cboxobj.value;
if(document.images){
if(sval == 0){
cboxobj.value = '1';
imgobj.src = onImg;
//alert('checkbox value: ' + cboxobj.value + ' image: ' +imgobj.src);
}else if(sval == 1){
cboxobj.value = '0';
imgobj.src = offImg;
//alert('checkbox value: ' + cboxobj.value + ' image: ' +imgobj.src);
}
}
}
</SCRIPT>
</HEAD>
<BODY bgcolor="#E6E6E6" text="#000000" onLoad="setBoxImg(document.form1.checkbox, document['imgbox'], 'off_box.gif','on_box.gif'); return false;">
<FORM name="form1" method="post" action="">
<A href="#" onClick="chkBoxImg(document.form1.checkbox, document['imgbox'], 'off_box.gif','on_box.gif'); return false;"><IMG src="off_box.gif" width="13" height="11" border="0" name="imgbox"></A>
<INPUT type="hidden" name="checkbox" value="0">
</FORM>
<P> </P></BODY>
</HTML>
e ju ingen hejjare på javascript så det kanske går att kodas bättre, men, det funkar kanon 
kika här: Checkbox Image förmarkerad
cya,
PatrikB
ett tips:
använd onfocus="this.blur()"
så slipper ni markeringen runt
knappen....