Avatar billede carsten_mc Nybegynder
25. januar 2006 - 12:55 Der er 2 kommentarer og
1 løsning

radiobutton + spørgeskema

Jeg er hved at lave en hjemmeside. Her skal der være et spørgeskema. Der startes med at vises et spørgsmål. Personerne svarer mede en radiobutton. Det næste spørgsmål skal så komme frem når de har valgt en. Det skal dog bare være såhn at det næste spørgsmål kan variere, alt efter hvilket svar der er givet i det forgående spørgsmål. Er der nogen der ved hvordan man gør det.
Avatar billede hammerhead Nybegynder
25. januar 2006 - 13:21 #1
http://www.quirksmode.org/

Se under WC3 DOM - Forms - Usable forms
Avatar billede roenving Novice
25. januar 2006 - 16:19 #2
-- et kort eksempel:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
.spDiv{display:none;}
.startDiv{display:block;}
</style>
<script language="javascript" type="text/javascript">
function changeTo(from,to){
  document.getElementById("sp" + from).style.display = "none";
  document.getElementById("sp" + to).style.display = "block";
}
</script>
<title>Skift mellem form-indhold</title>
</head>

<body>
<form id="minForm" name="minForm">
<div id="sp1" class="spDiv startDiv">
Spørgsmål 1: <br>Svar 1, 2 eller 3
  <br>1 <input type="radio" name="radio1" onclick="changeTo(1,2);">
  <br>2 <input type="radio" name="radio1" onclick="changeTo(1,3);">
  <br>3 <input type="radio" name="radio1" onclick="changeTo(1,4);">
</div>
<div id="sp2" class="spDiv">
Spørgsmål 2 (1): <br>Svar 1, 2 eller 3
  <br>1 <input type="radio" name="radio2" onclick="changeTo(2,5);">
  <br>2 <input type="radio" name="radio2" onclick="changeTo(2,5);">
  <br>3 <input type="radio" name="radio2" onclick="changeTo(2,4);">
</div>
<div id="sp3" class="spDiv">
Spørgsmål 2 (2): <br>Svar 1, 2 eller 3
  <br>1 <input type="radio" name="radio3" onclick="changeTo(3,5);">
  <br>2 <input type="radio" name="radio3" onclick="changeTo(3,5);">
  <br>3 <input type="radio" name="radio3" onclick="changeTo(3,5);">
</div>
<div id="sp4" class="spDiv">
Spørgsmål 2 (3): <br>Svar 1, 2 eller 3
  <br>1 <input type="radio" name="radio4" onclick="changeTo(4,5);">
  <br>2 <input type="radio" name="radio4" onclick="changeTo(4,5);">
  <br>3 <input type="radio" name="radio4" onclick="changeTo(4,5);">
</div>
<div id="sp5" class="spDiv">
Tak for din deltagelse, indsend ved at trykke på afsend:
<br><input type="submit" value="Afsend">
</div>

</form>
</body>

</html>

PS. Husk at lukke det andet spørgsmål, da det jo ikke er tilladt at have flere spørgsmål om det samme åbent (altså læg selv et svar i det, markér dit navn i boksen til venstre og tryk på Acceptér !-)
Avatar billede carsten_mc Nybegynder
29. oktober 2006 - 17:42 #3
Lukket!
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