Avatar billede john1 Juniormester
08. april 2003 - 16:19 Der er 16 kommentarer og
1 løsning

radiobutton link med submit

Jeg har lavet et link på en radiobutton:
<input type="radio" onclick="location.href='side.html';">

Hvordan kan jeg få den til at gøre handlingen (linke til den anden side) ved tryk på en submit knap?
Avatar billede raffar Juniormester
08. april 2003 - 16:25 #1
Her er et eksempel taget fra http://www.draac.com/radio1.html

<SCRIPT LANGUAGE="JavaScript">
function whoaNelly1()
{if (document.zowie.pickme)
location='http://www.nbc.com'}
function whoaNelly2()
{if (document.zowie.pickme)
location='http://www.cbs.com'}
function whoaNelly3()
{if (document.zowie.pickme)
location='http://www.abc.com'}
</script>
<FORM NAME="zowie">
<INPUT TYPE="radio" NAME="pickme"
onClick="whoaNelly1()">NBC Networks
<INPUT TYPE="radio" NAME="pickme"
onClick="whoaNelly2()">CBS Networks
<INPUT TYPE="radio" NAME="pickme"
onClick="whoaNelly3()">ABC Networks
</FORM>
Avatar billede john1 Juniormester
08. april 2003 - 16:28 #2
Jeg skulle gerne have den til gå til næste side ved hjælp af en submit knap.
Avatar billede raffar Juniormester
08. april 2003 - 16:29 #3
Eller bare:

<FORM NAME="side">
<input type="radio" onclick="location.href='side.html';">
</FORM>
Avatar billede john1 Juniormester
08. april 2003 - 16:41 #4
<form name="form" method="post" action="">
<input type="radio" onclick="location.href='side.html';">
<input type="radio" onclick="location.href='side2.html';">
<input type="submit" name="Submit" value="Submit">
  </form>

Sådan ser den ud. Hordan får jeg så "submit" knap til at sende den til næste side?
Avatar billede raffar Juniormester
08. april 2003 - 17:39 #5
Det kan man ikke.

Her er endnu et eksempel på et alternativ.

<html>
<title></title>
<body bgcolor="#FFFFFF">

<script language="JavaScript">
function radio_input(url)
{
// Re-direct the browser to the url value
window.location.href = "http://" + url
}
</script>

<form>
<input type="radio" name="selectname"
onClick="java script:radio_input('www.yahoo.com')">
Yahoo.com

<input type="radio" name="selectname"
onClick="java script:radio_input('www.altavista.com')">
AltaVista.com

</form>
</body>
</html>
Avatar billede Slettet bruger
08. april 2003 - 18:02 #6
raffar>> Sikke noget sludder, selvfølgelig kan man det!

<form action="" method="get" onSubmit="return (this.action == '');">
<input type="radio" name="valg" value="side.html" onClick="this.form.action = this.value;">
<input type="radio" name="valg" value="side2.html" onClick="this.form.action = this.value;">
<input type="radio" name="valg" value="side3.html" onClick="this.form.action = this.value;">
<input type="submit" value="Send">
</form>
Avatar billede john1 Juniormester
08. april 2003 - 21:39 #7
Jeg kan ikke få submit knappen til at virke i phoenixv's forslag.
Avatar billede Slettet bruger
09. april 2003 - 13:30 #8
Jeg lavede også lige en logisk fejl. Dette er det smarteste:

<form action="" method="get">
<input type="radio" name="valg" value="side.html" onClick="this.form.action = this.value;" checked>
<input type="radio" name="valg" value="side2.html" onClick="this.form.action = this.value;">
<input type="radio" name="valg" value="side3.html" onClick="this.form.action = this.value;">
<input type="submit" value="Send">
</form>
Avatar billede john1 Juniormester
09. april 2003 - 16:28 #9
phoenixv jeg skrev side.html i mit ekspempel. Den rigtige link ser sådan ud:http://www.domain.dk/cgi-bin/diverse.cgi?user_action=link&link=side
hvad skal jeg ændre for at dit eksempel virker?
Avatar billede john1 Juniormester
10. april 2003 - 09:47 #10
Jeg prøvet mange gange men jeg kan ikke få det til at virke.
Avatar billede Slettet bruger
10. april 2003 - 13:32 #11
<input type="radio" name="valg" value="http://www.domain.dk/cgi-bin/diverse.cgi?user_action=link&link=side" onClick="this.form.action = this.value;" checked>

osv.
Avatar billede john1 Juniormester
10. april 2003 - 18:18 #12
http://www.domain.dk/cgi-bin/diverse.cgi?valg=http%3A%2F%2Fwww.domain.dk%2Fcgi-bin%2Fdiverse.cgi%3Fuser_action%3Dlink%26link%3Dside

Sådan kommer URL til at se ud når jeg prøver dit forslag. Der må være noget galt.
Avatar billede Slettet bruger
11. april 2003 - 13:58 #13
Sorry, brug dette:

<script>
function gaaTil(frm) {
  for (i = 0; i < frm.valg.length; i++)
    if (frm.valg[i].checked)
      self.location.href = frm.valg[i].value;
}
</script>

<form onSubmit="gaaTil(this); return false;">
<input type="radio" name="valg" value="side.html" onClick="this.form.action = this.value;" checked>
<input type="radio" name="valg" value="side2.html" onClick="this.form.action = this.value;">
<input type="radio" name="valg" value="side3.html" onClick="this.form.action = this.value;">
<input type="submit" value="Send">
</form>
Avatar billede john1 Juniormester
11. april 2003 - 21:45 #14
Det virker perfekt phoenixv, tusinde tak:-)
Avatar billede john1 Juniormester
11. april 2003 - 21:47 #15
Der er point uddeling hvis du lige sender et svar;-)
Avatar billede raffar Juniormester
12. april 2003 - 01:35 #16
phoenixv -> Unskylder fejlen - det jeg mente var, at jeg ikke kunne finde en løsning..  Ellers tog det der skulle være så ligetil ikke mindre end 4 svar :) Det sidste eksempel virker fint. Så lærte vi alle noget i denn omgang.
Avatar billede Slettet bruger
12. april 2003 - 09:52 #17
raffar>> Alle laver fejl, specielt når man koder "i hånden" og uden at teste det. Man kan ikke forvente, at alt kan klares i første hug. Og som du kan se fylder funktionen kun fem linjer. Så ja, det var enkelt. :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester