Søg
Avatar billede festhest Nybegynder
11. januar 2002 - 15:12 Der er 20 kommentarer og
1 løsning

check/uncheck alle checkboxe

Hvordan kan man checke/unchecke alle checkboxe ved klik på en \"overordnet\" checkbox.
Scriptet skal checke/unchecke checkboxne udfra type=\'checkbox\' og ikke name=\'et_eller_andet\', kan det lade sig gøre?
Avatar billede nute Nybegynder
11. januar 2002 - 15:14 #1
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">

<html>
<head>
    <title>Untitled</title>
    <SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">
  <!--
  function checkAll( elem ){
      var frm = document.frm;
        for( i  =0; i<frm.length; i++ ){
          if( frm.elements[ i ].type == \"checkbox\" ) {
              frm.elements[ i ].checked = elem.checked;
            }
        }
    }
  //-->
  </SCRIPT>
</head>

<body>
<form name=\"frm\">
<input type=\"checkbox\" onClick=\"checkAll( this );\"> Check all<br>
<input type=\"checkbox\"><br>
<input type=\"checkbox\"><br>
<input type=\"checkbox\"><br>
<input type=\"checkbox\"><br>
<input type=\"checkbox\"><br>
</form>
</body>
</html>
Avatar billede festhest Nybegynder
11. januar 2002 - 15:20 #2
Nute, kan du ikke svare så jeg kan acceptere dit svar. Tak for hjælpen
Avatar billede nute Nybegynder
11. januar 2002 - 15:21 #3
svar
Avatar billede nute Nybegynder
11. januar 2002 - 15:21 #4
hmm....det går ikke så godt :-|
Avatar billede festhest Nybegynder
11. januar 2002 - 15:26 #5
Nute, kan man forresten lave sådan at, hvis inputboxen er i en td bliver den td farvet?

input type=\"checkbox\" onClick=\"checkAll( this );\"> Check all<br>
<tr>
<td farve><input type=\"checkbox\"></td>
<td farve></td>
</tr>

kan man lave sådan at hele rækken bliver farvet? Jeg vil godt oprette et nyt spørgsmål, og give dig 100 point mere

Avatar billede nute Nybegynder
11. januar 2002 - 15:29 #6
du tenker på en sånn hotmail ting ?
Avatar billede festhest Nybegynder
11. januar 2002 - 15:30 #7
ja nemlig
Avatar billede Slettet bruger
11. januar 2002 - 15:30 #8
Det kan du godt, men hvilken farve skal det være?
Desuden skal du så i gang med at give navne og id\'er o.s.v.
Avatar billede festhest Nybegynder
11. januar 2002 - 15:34 #9
farven kan være \"F8E3D1\"
Avatar billede festhest Nybegynder
11. januar 2002 - 15:36 #10
Skal jeg oprette et nyt spørgsmål
Avatar billede Slettet bruger
11. januar 2002 - 15:36 #11
Nej, lad os lige prøve her!
Avatar billede festhest Nybegynder
11. januar 2002 - 15:37 #12
ok, hvordan kan et sådan script se ud
Avatar billede Slettet bruger
11. januar 2002 - 15:37 #13
Mener du, at alle checkboxes med kryds i skal have farvet baggrund?
Avatar billede festhest Nybegynder
11. januar 2002 - 15:39 #14
Alle td\'er i samme række som inputen skal have samme farve. Eksempel:

<tr>
<td farve><input type=\'checkbox\' checked></td>
<td farve></td>
<td farve></td>
</tr>
Avatar billede Slettet bruger
11. januar 2002 - 15:48 #15
OK! Jeg prøver lige lidt selv. Vender tilbage i dag eller i morgen!
Avatar billede festhest Nybegynder
11. januar 2002 - 15:48 #16
ok
Avatar billede nute Nybegynder
11. januar 2002 - 16:10 #17
her er en hurtig sammenbikset kode. skal fungere i IE, NS4.x og DOM browsere:

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">

<html>
<head>
    <title>Untitled</title>
    <SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">
  <!--
    ns  = (document.layers) ? true : false;
    ns6 = (document.getElementById) ? true : false;
    ie  = (document.all) ? true : false;
    var col = \"#ffffff\";
   
    function colorizeAll( elem ){
      for( i = 0; i < document.frm.length; i++){
          if( frm.elements[ i ].type == \"checkbox\" && frm.elements[ i ].name != \"Chk0\" ) {
              frm.elements[ i ].checked = elem.checked;
              colorize( frm.elements[ i ] );
            }
        }
    }
   
  function colorize( elem ){
      col = (elem.checked)?\"#F8E3D1\":\"#ffffff\";
      if( ie ){
        elem.style.backgroundColor=col;
        document.all[\'div\' + elem.name ].style.backgroundColor=col;
      } else if( ns ){
          document.layers[\'divChk\' + id ].document.bgColor = col;
      } else if( ns6 ){
          document.getElementById(\"chk\" + id ).style.backgroundColor = col;
        document.getElementById(\"divChk\" + id ).style.backgroundColor=col;
      }

  }
  //-->
  </SCRIPT>
</head>

<body>
<form name=\"frm\">
<table width=\"100\">
    <tr>
          <td><input type=\"checkbox\" onclick=\"colorizeAll( this );\" name=\"Chk0\"> Marker alle</td>
        </tr>
    <tr>
      <td id=\"Chk1\" name=\"Chk1\" width=\"100%\">
          <div name=\"divChk1\" id=\"divChk1\" style=\"position:relative;top:0px;left:0px;clip:rect(0,100,20,0);background-color:#ffffff;layer-background-color:#ffffff;\">
            <input type=\"checkbox\" name=\"Chk1\" onclick=\"colorize( this );\" value=\"1\"><br>
            </div>
        </td>
    </tr>
    <tr>
      <td id=\"Chk2\" name=\"Chk2\" width=\"100%\">
          <div name=\"divChk2\" id=\"divChk2\" style=\"position:relative;top:0px;left:0px;clip:rect(0,100,20,0);background-color:#ffffff;layer-background-color:#ffffff;\">
            <input type=\"checkbox\" name=\"Chk2\" onclick=\"colorize( this );\" value=\"3\"><br>
            </div>
        </td>
    </tr>
    <tr>
      <td id=\"Chk3\" name=\"Chk3\" width=\"100%\">
          <div name=\"divChk3\" id=\"divChk3\" style=\"position:relative;top:0px;left:0px;clip:rect(0,100,20,0);background-color:#ffffff;layer-background-color:#ffffff;\">
            <input type=\"checkbox\" name=\"Chk3\" onclick=\"colorize( this );\" value=\"30\"><br>
            </div>
        </td>
    </tr>
    <tr>
      <td id=\"Chk4\" name=\"Chk4\" width=\"100%\">
          <div name=\"divChk4\" id=\"divChk4\" style=\"position:relative;top:0px;left:0px;clip:rect(0,100,20,0);background-color:#ffffff;layer-background-color:#ffffff;\">
            <input type=\"checkbox\" name=\"Chk4\" onclick=\"colorize( this );\" value=\"12\"><br>
            </div>
        </td>
    </tr>
</table>
</form>

</body>
</html> 

/nute
Avatar billede festhest Nybegynder
13. januar 2002 - 14:33 #18
hvordan laver man sådan, at en hel TR række skifter farve ved cheched
Avatar billede Slettet bruger
13. januar 2002 - 14:47 #19
Du giver din <tr> en ID og skifter så baggrundsfarven med følgende kode:

document.getElementById(\"trID\").style.backgroundColor = \"#XXXXXX\";

Ovenstående virker i IE5+ og NS6+. Det er nemt også at gøre i IE4, men i NS4.x bliver det et sandt helvede med ilayers layers i massevis.
Avatar billede Slettet bruger
13. januar 2002 - 14:47 #20
Hvis du giver en URL eller noget kode kan jeg kigge på det i morgen eller sådan noget!
Avatar billede nute Nybegynder
13. januar 2002 - 15:46 #21
phoenixv >> overstående fungerer i NS4.x hvis du kikker litt på det ;)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 16:43 Nomad Tracking Car Af fleknes i Apps til Android
25/0916:15 Internet forsvinder hele tiden Af TTA i Internetforbindelser
23/0920:49 Fejl på Tv2 Play Af Bukse i Browsere
23/0918:11 VB, Lægge 2 celler sammen og skrive den i cellen ved side af Af MC3390 i Excel
21/0910:39 DBA er ikke hvad det tidligere var - desværre! Af ErikHg i Fri debat
White papers
Flere white papers »