radiobutton likt Prisjakts
 

Hej,

Jag undrar om någon vet ett kodexempel på någon sida som beskriver hur man gör radiobutton likt dem som finns på Prisjakt.nu, på följande länk http://www.prisjakt.nu/privatlan.php, där rubrikerna är "Autogiro", "Fast inkomst", "Bosatt i Sverige", "Ej betalningsföreläggande".

Till höger om dessa rubriker finns det två radiobutton som är beroende av varandra, dock har dem olika bilder, som du säkert ser. Det är det jag vill åstadkomma, två radiobutton som är beroende av varandra fast har olika bilder gentemot varandra.

Någon som har koll på vart en guide/kodexempel för detta finns?

Det är inte "checkbox" du är ute efter utan "radiobutton".

Ja ursäkta, blandade ihop det.

Någon anning om vart ett sådant exempel beskrivs?

Det fixas med javascript, kodexempel har du ju om du väljer visa källa på den sida du hänvisade till.

Jo har försökt att kolla igenom det men deras kod är så jäkla nästlad att jag inte hittar allt som behövs, tyvärr.

Jquery UI är nog svaret du söker

Något kodexempel eller guide jag kan kolla närmare på?

Med lite fantasi kan man hitta en mängd alternativa lösningar, t.ex:
Kör en onclick() på bilden som anropar en funktion där beroende på vilken bild du klickat på byter bilder och sätter ett önskvärt värde i en input type hidden som sedan kan skickas med formuläret.

http://www.filamentgroup.com/lab/sty...css_framework/

Finns också på jquerys hemsida, titta där :)

Det låter som ett jäkligt smidigt sätt. Dock ser jag inte lösningen hur jag ska få två bilder beroende av varandra fall jag gör så, det går säkert men min kunskap ser inte möjligheten. Ett exempel i rätt riktning vore kanon!

Du fixar det med enkel javascript.

Låt oss säga att du har två bilder som är klickbara.
Om du klickar på en av bilderna så byter du bild på den du klickade på så att den är t.ex. röd, den andra byter du till tex. grå.
Om du klickar på den andra bilden, så byter du på samma sätt bilderna så den ena blir grå och den andra röd.

Den bilden du klickar på byter värdet i en input type hidden till tex. 1, om du klickar på en den andra bilden så byter den tillbaka värdet i samma input till tex. 0.

Hur det ska fungera i teorin är jag med på. Men min Javascriptskunskap är lika med noll. Jag kom över detta exemplet http://javascript.internet.com/navigation/giltab.html men det känns lite väl tungt. Där menyn fungerar som jag vill, typ som en knapp.

Då rekommenderar jag dig att lära dig javascript från grunden istället för att hitta en färdig lösning, blir bara lättare senare om man vill bygga ut eller förändra i koden.

Börja med att läsa här:

Guide hur man använder onclick och anropar en funktion samt skriver en funktion:
http://www.w3schools.com/JS/js_functions.asp

Hur man skriver if-satser:
http://www.w3schools.com/JS/js_if_else.asp

Några exempel på hur man ändrar värden i element:
http://www.w3schools.com/HTMLDOM/dom_using.asp

Här är ytterligare ett exempel som använder CSS också.
http://ryanfait.com/resources/custom...radio-buttons/

Tack för hjälpen, jag hittade lite olika exempel som jag kunde få ihop till ett som fungerade precis som jag ville.

Nåt i den här stilen?
http://www.elit.net/wn/8648632005.html

Visa källa.
Ingen kod är gömd.