Avatar billede vatos Nybegynder
05. juli 2000 - 09:43 Der er 13 kommentarer og
1 løsning

Udvælgelse via checkbox

Jeg skal lave tre checkboxe, hvor man kun må kunne vælge en af dem. Når en er valgt skal resten blive "uvælgbare" !

Avatar billede erikjacobsen Ekspert
05. juli 2000 - 09:45 #1
Hedder det ikke radioknapper ?
Avatar billede vatos Nybegynder
05. juli 2000 - 09:45 #2
Hvordan gør jeg, så jeg samtidig kan overfører valget til en ASP database ??
Avatar billede vatos Nybegynder
05. juli 2000 - 09:45 #3
nej det må ikke være radiobuttons !
Avatar billede vatos Nybegynder
05. juli 2000 - 09:46 #4
jeg skal nemlig også lave noget hvor jeg skal kunne vælge 3 bokse ud af 13 !!
Avatar billede erikjacobsen Ekspert
05. juli 2000 - 09:55 #5
Ok, men lad os tage det første først. Prøv nedenstående. Hvordan skal det
virke overfor brugeren, at han kun må få 3 af 13 - hvad skal der ske når
han trykker på nummer 4?

<html>
<head>
<title>CheckBox</title>
<script language="JavaScript">
  function selectx(nr,f) {
    for (i=0;i<3;i++) {
      if (i!=nr) {
        eval('f.check'+i+'.checked=false;');
      }
    }
  }
</script></head>

<body bgcolor="#FFFFFF">
<form method="post" name="ff">
<input type="checkbox" name="check0" onclick="selectx(0,document.ff);"><br>
<input type="checkbox" name="check1" onclick="selectx(1,document.ff);"><br>
<input type="checkbox" name="check2" onclick="selectx(2,document.ff);"><br>
</form>
</body>
</html>
Avatar billede erikjacobsen Ekspert
05. juli 2000 - 09:57 #6
Avatar billede vatos Nybegynder
05. juli 2000 - 10:00 #7
Jeg tænkte at når 3 ud af 13 er valgt skal resten af boksene blive grå  og uvælgbare, forstår du hvad jeg mener ??

Det skal bruges til en tipsturnering, hvor brugere skal vælge tre sikre.
Avatar billede vatos Nybegynder
05. juli 2000 - 10:01 #8
Jeg har set en side hvor når der var valgt tre, så blev resten grå
Avatar billede erikjacobsen Ekspert
05. juli 2000 - 10:20 #9
Prøv så nedenstående. Kan testes på http://eksperten.i.hasselager.net/javascript/20489b.htm
Men det virker ikke i lidt ældre browsere (dog i IE4+ og NS6+)

<html>
<head>
<title>CheckBox</title>
<script language="JavaScript">
  function selectx(nr,f) {
    var c=0,i;
    for (i=0;i<13;i++) {
      eval('if (f.check'+i+'.checked) {c++;};');
    }
    if (c>=3) {
      for (i=0;i<13;i++) {
        eval('if (!(f.check'+i+'.checked)) {f.check'+i+'.disabled=true;}');
      }
    } else {
      for (i=0;i<13;i++) {
        eval('f.check'+i+'.disabled=false;');
      }
    }
  }
</script></head>

<body bgcolor="#FFFFFF">
<form method="post" name="ff">
<input type="checkbox" name="check0" onclick="selectx(0,document.ff);"><br>
<input type="checkbox" name="check1" onclick="selectx(1,document.ff);"><br>
<input type="checkbox" name="check2" onclick="selectx(2,document.ff);"><br>
<input type="checkbox" name="check3" onclick="selectx(3,document.ff);"><br>
<input type="checkbox" name="check4" onclick="selectx(4,document.ff);"><br>
<input type="checkbox" name="check5" onclick="selectx(5,document.ff);"><br>
<input type="checkbox" name="check6" onclick="selectx(6,document.ff);"><br>
<input type="checkbox" name="check7" onclick="selectx(7,document.ff);"><br>
<input type="checkbox" name="check8" onclick="selectx(8,document.ff);"><br>
<input type="checkbox" name="check9" onclick="selectx(9,document.ff);"><br>
<input type="checkbox" name="check10" onclick="selectx(10,document.ff);"><br>
<input type="checkbox" name="check11" onclick="selectx(11,document.ff);"><br>
<input type="checkbox" name="check12" onclick="selectx(12,document.ff);"><br>
</form>
</body>
</html>
Avatar billede vatos Nybegynder
05. juli 2000 - 10:25 #10
Det er helt kanon !!!!!

Det sidste tilpasning klarer jeg selv !!!
Avatar billede erikjacobsen Ekspert
05. juli 2000 - 11:39 #11
Mig en fornøjelse.
Avatar billede lee Nybegynder
05. juli 2000 - 16:51 #12
hmmm hvad nu hvis man har tjekket forkert her,,,, er der så ingen vej tilbage ??

Lee
Avatar billede erikjacobsen Ekspert
05. juli 2000 - 17:09 #13
Prøv selv !!
Avatar billede lee Nybegynder
05. juli 2000 - 17:20 #14
ahhhh sorry prøvede kun med de grå... :)
sorry erikjacobsen
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