Markerade link-items lagras med värde

PHPportalen Forum Index » HTML/CSS/JavaScript/Design
Lägg ett bokmärke på hela tråden
Skapa nytt inlägg   Svara på inlägget
Visa föregående ämne :: Visa nästa ämne  
Startad av: Meddelande
minero



Medlem i: 4030 dagar

Status: Offline



#742890
Inlägg Skrivet: 2020-12-26 20:38      Ämne: Markerade link-items lagras med värde Citera

Hej!
Jag brottas med att skapa en horisontell länk-lista där man ska kunna markera ett av valen och sedan, utan att lämna sidan, gå till nästa liknande lista för att markera ett annat val och slutligen skicka iväg de två valda värdena med ett formulär.

Tänk er att man väljer man eller kvinna på rad ett och ett värde mellan 1 och 5 på rad 2 - och jag vill inte använda mig av checkboxar/ratioknappar.

Jag fastnarbåde i hur man markerar en länk (växlar mellan två css-stilar) och sedan lagras värdet. Förstår ni hur jag menar och har några tips? ☺️

Förstår att det är JavaScript för markeringen och php för att spara respektive värde i databasen vid submit.

Tack på förhand
 
Till toppen på sidan
Visa användarprofil Skicka privat meddelande
Peppe L-G



Medlem i: 5066 dagar
Från: Mullsjö
Status: Offline



#742891
Inlägg Skrivet: 2020-12-29 21:19      Ämne: Re: Markerade link-items lagras med värde Citera

minero skrev:
jag vill inte använda mig av checkboxar/ratioknappar.


Du bör nog använda radio-knappar för att hålla koll på vad användaren har gjort för val. Men du kan du kan använda CSS för att gömma själva radio-knappen, och for-attributet för att klicka på ett annat element för att toggla knappen (trots att den inte syns).

https://stackoverflow.com/a/29346555/2104665

Och som du skrev får du sedan använda JavaScript för att dölja och visa nästa rad beroende på användarens val. Men du får nog ställa någon mer specifik fråga om vad du vill ha hjälp med.
 
Till toppen på sidan
Visa användarprofil Skicka privat meddelande MSN Messenger
Visa tidigare inlägg:   
Skapa nytt inlägg   Svara på inlägget
PHPportalen Forum Index » HTML/CSS/JavaScript/Design
Hoppa till:  
Du kan inte skapa nya inlägg i det här forumet
Du kan inte svara på inlägg i det här forumet
Du kan inte ändra dina inlägg i det här forumet
Du kan inte ta bort dina inlägg i det här forumet
Du kan inte rösta i det här forumet
Du kan inte bifoga filer i detta forum
Du kan inte ladda ner filer från detta forum
Kontakta oss på adressen: info@phpportalen.net
Webbplatsen bygger i grunden på phpBB © 2001, 2002 phpBB Group

Modifieringar har senare gjorts i systemet av PHPportalen
Sid och logotypdesign skapad av Daren Jularic