login  Naam:   Wachtwoord: 
Registreer je!
 Forum

alle checkboxen in 1 keer aanvinken

Offline humor - 22/01/2006 16:12
Avatar van humorHTML beginner Hallo

Ik wil een formulier maken met verschillende checkboxen.
Maar er moet dan bovenaan een checkbox komen met tekst "allemaal".
En als je deze checkbox dan aanvinkt worden al de checkboxen automatisch aangevinkt.
Hoe moet ik dat doen?

13 antwoorden

Gesponsorde links
Offline haytjes - 22/01/2006 16:18 (laatste wijziging 23/01/2006 20:35)
Avatar van haytjes Gouden medailleGouden medaille

JS gevorderde
met JavaScript weet ik een manier, niet met html/CSS

  1. <script>
  2. function check_all()
  3. {
  4. var obj = document.getElementsByTagName("input");
  5. var y =obj.length;
  6. for(var x=0; x<y;x++)
  7. {
  8. if(obj[x].type == "checkbox")
  9. {
  10. obj[x].selected = true;
  11. }
  12. }
  13. }
  14. </script>
Offline Thomas - 22/01/2006 18:20
Avatar van Thomas Moderator En hoe noem je die radiobuttons dan? input[]? Id's moeten uniek zijn, dan dus input[1], input[2], ...?
Offline Shortmaster - 22/01/2006 21:58
Avatar van Shortmaster Nieuw lid Met 'checked' worden alle keuze's aangevinkt. Dit is niet wat je bedoelt maar dan moet de persoon ze zelf uitvinken. Lees verder even het artikel over formulieren anders.. daar staat dit wat ik net zei toegelicht.
Offline Thomas - 22/01/2006 23:37
Avatar van Thomas Moderator 2 fouten:
* getElementsbyId(...)
* .selected --> .checked

  1. <script>
  2. function check_all()
  3. {
  4. var obj = document.getElementById("input");
  5. var y =obj.length;
  6. for(var x=0; x<y;x++)
  7. {
  8. if(obj[x].type == "checkbox")
  9. {
  10. obj[x].checked = true;
  11. }
  12. }
  13. }
  14. </script>


Nu checked hij alle checkboxen in de form met id "input".
Offline haytjes - 23/01/2006 20:57 (laatste wijziging 23/01/2006 21:00)
Avatar van haytjes Gouden medailleGouden medaille

JS gevorderde
@FangorN:
In jouw script staat ook een fout.
Je mag een id maar 1 keer gebruiken. Dus kan je geen meerdere checkboxen maken met als id "input"
en sorry voor de kleine fout, 't is idd checked i.p.v. selected

solved in this version 

  1. <script>
  2. function check_all()
  3. {
  4. var obj = document.getElementsByTagName("input");
  5. var y =obj.length;
  6. for(var x=0; x<y;x++)
  7. {
  8. if(obj[x].type == "checkbox" && obj[x].className == check_all)
  9. {
  10. obj[x].checked = true;
  11. }
  12. }
  13. }
  14. </script>

voorbeeldje
  1. <input type="checkbox" class="check_all"> deze checkbox zal gecheckt worden, als je op de button drukt.
  2. <input type="checkbox" class="check_all" name="test"> deze ook
  3. <input type="checkbox" class="wat anders"> deze checkbox zal zijn orginele waarde behouden, omdat de class != check_all
  4. <input type="button" onclick="check_all()">
Offline Nakain - 10/01/2007 09:36 (laatste wijziging 10/01/2007 09:36)
Avatar van Nakain Onbekend Ik heb bovenstaande code gebruikt maar er gebeurt niks wanneer ik op m'n knop druk?

  1. // Tussen head
  2. <script>
  3. function check_all()
  4. {
  5. var obj = document.getElementsByTagName("input");
  6. var y =obj.length;
  7. for(var x=0; x<y;x++)
  8. {
  9. if(obj[x].type == "checkbox" && obj[x].className == check_all)
  10. {
  11. obj[x].checked = true;
  12. }
  13. }
  14. }
  15. </script>
  16.  
  17. //regel van checkbox die in loopje staat
  18. <input type="checkbox" class="check_all" name="delete[]" value="<? echo $obj->id; ?>"/>
  19.  
  20. //knoppie
  21. <input class="button" type="button" name="checkall" onclick="check_all()" value="Selecteer Alles" />
Offline Ultimatum - 10/01/2007 11:29
Avatar van Ultimatum PHP expert kijk eens naar de naam van de checkbox en naar het einde van deze regel:
if(obj[x].type == "checkbox" && obj[x].className == check_all)
Offline Nakain - 10/01/2007 13:00
Avatar van Nakain Onbekend  Geraak er niet uit..
Offline Kr4nKz1n - 10/01/2007 13:11 (laatste wijziging 10/01/2007 13:13)
Avatar van Kr4nKz1n Onbekend http://www.shin....asp?ID=AW
http://www.bigbold.com/snippets/posts/show/350
Offline Ultimatum - 10/01/2007 13:21
Avatar van Ultimatum PHP expert Kijk eens goed  

Je checkbox heet delete en je controleerd op check_all 
Offline Simon - 10/01/2007 14:25
Avatar van Simon PHP expert Ultimatum, wat zeg jij nu, hij bekijkt wel de className hé  , niet de name
Offline Nakain - 10/01/2007 21:38
Avatar van Nakain Onbekend Eehh.. kan iemand nu het juiste antwoord geven, want die van Ultimatum werkt dus ook ni.. Simon? 
Offline Ultimatum - 10/01/2007 23:26
Avatar van Ultimatum PHP expert @simon, Ja hij kijkt of de classname gelijk is aan check_all ipv delete
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.25s