Søg
Avatar billede sw_red_6 Nybegynder
04. januar 2007 - 10:41 Der er 6 kommentarer og
1 løsning

checked=true på række af checkboxe virker ikke pga. manglende ID

jeg har lavet en funktion som virker. Problemet er bare at jeg ikke har en talrække fra 1-35 så jeg kan tilsyneladende ikke bare bruge en alm. for-løkke til at checke alle checkboxene.
Er der nogen der kan komme med en mulig løsning?
Kode:
function check_all(tal) {
  var tjek = document.tilform.alle;
  if(tjek.checked) {
    for(i=1;i<=tal;i++) {
      document.getElementById('b'+i).checked=true
    }
  }
}

<form action="" name="tilform" method="POST">
<input type="hidden" name="gem_form" value="gem">
  <table>
    <tr>
      <td><input id="b1" name="1" type="checkbox" value="Y"></td>
      <td><p>1 Bilsyn Sydsjælland</p></td>
    </tr>
    <tr>
      <td><input id="b2" name="2" type="checkbox" value="Y"></td>
      <td><p>2 MBN Data ApS</p></td>
    </tr>
    <tr>
      <td><input id="b3" name="3" type="checkbox" value="Y" checked></td>
      <td><p>ENTERACTION</p></td>
    </tr>
  </table>
</form>
Avatar billede mclemens Nybegynder
04. januar 2007 - 12:13 #1
<!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"><title>Ingen titel</title><meta name="robots" content="index, follow">

<script type="text/javascript">
function check_all() {
  var tjeks = document.tilform.getElementsByTagName("input");
  for(i=1;i<tjeks.length;i++){
    if(tjeks[i].type=="checkbox")tjeks[i].checked=true;
  }
}
</script>

</head><body>

<form action="" name="tilform" method="POST">
<input type="hidden" name="gem_form" value="gem">
  <table>
    <tr>
      <td><input id="b1" name="1" type="checkbox" value="Y"></td>
      <td><p>1 Bilsyn Sydsjælland</p></td>
    </tr>
    <tr>
      <td><input id="b2" name="2" type="checkbox" value="Y"></td>
      <td><p>2 MBN Data ApS</p></td>
    </tr>
    <tr>
      <td><input id="b3" name="3" type="checkbox" value="Y" checked></td>
      <td><p>ENTERACTION</p></td>
    </tr>
  </table>
</form>

<br><br>

<b onclick="check_all();">Tryk her for at afkrydse</b>

</body></html>
Avatar billede mclemens Nybegynder
04. januar 2007 - 12:18 #2
Et eksempel mere:

<!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"><title>Ingen titel</title><meta name="robots" content="index, follow">

<script type="text/javascript">
function check_all() {
  var f = document.tilform;
  var afkryds = (f.afkryds.checked);
  var tjeks = f.getElementsByTagName("input");
  for(i=1;i<tjeks.length;i++){
    if(tjeks[i].type=="checkbox"&&tjeks[i].name!="afkryds")tjeks[i].checked=afkryds;
  }
}
</script>

</head><body>

<form action="" name="tilform" method="POST">
Afkryds alle ? <input id="afkryds" name="afkryds" type="checkbox" onclick="check_all();">
<input type="hidden" name="gem_form" value="gem">
  <table>
    <tr>
      <td><input id="b1" name="1" type="checkbox" value="Y"></td>
      <td><p>1 Bilsyn Sydsjælland</p></td>
    </tr>
    <tr>
      <td><input id="b2" name="2" type="checkbox" value="Y"></td>
      <td><p>2 MBN Data ApS</p></td>
    </tr>
    <tr>
      <td><input id="b3" name="3" type="checkbox" value="Y" checked></td>
      <td><p>ENTERACTION</p></td>
    </tr>
  </table>
</form>

</body></html>
Avatar billede mclemens Nybegynder
04. januar 2007 - 12:22 #3
Et eksempel mere:

<!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"><title>Ingen titel</title><meta name="robots" content="index, follow">

<script type="text/javascript">
function check_all() {
  var afkryds = (document.tilform.afkryds.checked);
  for(i=1;j=document.getElementById("b"+i);i++)j.checked=afkryds;
}
</script>

</head><body>

<form action="" name="tilform" method="POST">
Afkryds alle ? <input id="afkryds" name="afkryds" type="checkbox" onclick="check_all();">
<input type="hidden" name="gem_form" value="gem">
  <table>
    <tr>
      <td><input id="b1" name="1" type="checkbox" value="Y"></td>
      <td><p>1 Bilsyn Sydsjælland</p></td>
    </tr>
    <tr>
      <td><input id="b2" name="2" type="checkbox" value="Y"></td>
      <td><p>2 MBN Data ApS</p></td>
    </tr>
    <tr>
      <td><input id="b3" name="3" type="checkbox" value="Y" checked></td>
      <td><p>ENTERACTION</p></td>
    </tr>
  </table>
</form>

</body></html>
Avatar billede mclemens Nybegynder
04. januar 2007 - 12:26 #4
Et script eksempel mere ...

<!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"><title>Ingen titel</title><meta name="robots" content="index, follow">

<script type="text/javascript">
function check_all() {
  var f=document.tilform;
  var afkryds = (f.afkryds.checked);
  for(i=1;j=f["b"+i];i++)j.checked=afkryds;
}
</script>

</head><body>

<form action="" name="tilform" method="POST">
Afkryds alle ? <input id="afkryds" name="afkryds" type="checkbox" onclick="check_all();">
<input type="hidden" name="gem_form" value="gem">
  <table>
    <tr>
      <td><input name="b1" type="checkbox" value="Y"></td>
      <td><p>1 Bilsyn Sydsjælland</p></td>
    </tr>
    <tr>
      <td><input name="b2" type="checkbox" value="Y"></td>
      <td><p>2 MBN Data ApS</p></td>
    </tr>
    <tr>
      <td><input name="b3" type="checkbox" value="Y" checked="checked"></td>
      <td><p>ENTERACTION</p></td>
    </tr>
  </table>
</form>

</body></html>
Avatar billede mclemens Nybegynder
04. januar 2007 - 12:29 #5
04/01-2007 12:13:26 og 04/01-2007 12:18:00
Virker selvom der ikke er fortløbende nummerering.

04/01-2007 12:22:52 og 04/01-2007 12:26:27
Virker kun med fortløbende nummerering af felterne
Avatar billede sw_red_6 Nybegynder
08. januar 2007 - 11:59 #6
Alle tiders, det virker. jeg brugte et af de første..
Avatar billede mclemens Nybegynder
08. januar 2007 - 12:04 #7
Velbekom, og tak for point :)
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 03/05/202613:59
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 20:48 Bred buet skærm vs. 2 skærme Af Nanarsi i Skærme
I går 18:07 Tilslut printer til netværk med WPS - hvis WPS slukkes på Router mistes forbindelse. Af Uvanga i Wifi
11/0521:05 Questyle M15i lydforstærker Af valby i Diverse
11/0518:27 Mærkeligt ikon på proceslinjen Af ErikHg i Windows
11/0513:54 Jeg skal have indstaleret Garmin express Af skolevej321 i Andet software
White papers
Flere white papers »