login  Naam:   Wachtwoord: 
Registreer je!
 Forum
Zoeken  Regels  Help
Categorieën > JavaScript

Checkbox per groep alles aan of uit (Opgelost)

Jon – 11/01/2012 19:19
Offline offline




PHP interesse
 Hallo,

Ik loop tegen een probleem aan en ik kom er niet meer uit.. met andere woorden ik heb jullie hulp weer nodig!

Ik heb een pagina waarop gekozen kan worden voor wie een mededeling zichtbaar is. Ik heb 3 afdelingen en onder die afdeling een lijst met alle bijbehorende collega's.

Nou wil ik graag dat je met een checkbox één hele afdeling kan selecteren. Door alle afdelingen aan te klikken selecteer ik dan iedereen.
Verder moet het ook mogelijk zijn om daar niet gebruik van te maken en gewoon collega's afzonderlijk te selecteren.

Nou zoek ik dus een script die een bepaalde groep checkboxen selecteert, en niet simpelweg alle.. Ik heb al wat zoeken op Google gedaan maar een werkende oplossing nog niet gevonden.

3 antwoorden

Gesponsorde links
Daisycon - Verdien geld met uw website

Kevin – 11/01/2012 20:25
Offline offline



Crew Ajax/REST
Werk je met een library zoals jQuery bv?

Dan zou ik gewoon een klasse meegeven en dan controleren met jQuery.hasClass()

vinTage – 11/01/2012 21:30
Offline offline



Nieuw lid
 hapklare code (wegens bored)

sidenote, je moet valide html hebben, anders worden de cb's in IE pas selected nadat je ergens naast de cb klikte

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <script type="text/javascript">
  7. function check(parentID, value)
  8. {
  9. 	var cbs = new Array();
  10. 	cbs = document.getElementById(parentID).getElementsByTagName('input');
  11. 	for (var i = 0; i < cbs.length; i++)
  12. 	{
  13. 		if (cbs[i].type == 'checkbox')
  14. 		{
  15. 			if(value == true)
  16. 			{
  17. 				cbs[i].checked = true;
  18. 			}
  19. 			else
  20. 			{
  21. 				cbs[i].checked = false;
  22. 			}
  23. 		}
  24. 	}
  25. }
  27. </head>
  28.  
  30.  
  31. <div id="een">
  32.     <input name="cb1" type="checkbox" value="1" /><br />
  33.     <input name="cb2" type="checkbox" value="1" /><br />
  34.     <input name="cb3" type="checkbox" value="1" /><br />
  35.     <input name="cb4" type="checkbox" value="1" /><br />
  36.     <input name="cb5" type="checkbox" value="1" /><br />
  37.     <input name="cb6" type="checkbox" value="1" /><br />
  38.     <input name="all" type="checkbox" value="checked" onchange="check('een', this.checked)" />check groep
  39. </div>
  40.  
  41. <br /><br />
  42.  
  43. <div id="twee">
  44.     <input name="cb1" type="checkbox" value="1" /><br />
  45.     <input name="cb2" type="checkbox" value="1" /><br />
  46.     <input name="cb3" type="checkbox" value="1" /><br />
  47.     <input name="cb4" type="checkbox" value="1" /><br />
  48.     <input name="cb5" type="checkbox" value="1" /><br />
  49.     <input name="cb6" type="checkbox" value="1" /><br />
  50.     <input name="all" type="checkbox" value="checked" onchange="check('twee', this.checked)" />check groep
  51. </div>
  52.  
  53. </body>
  54. </html>

Jon – 12/01/2012 01:44
Offline offline



PHP interesse
Erg bedankt! Heb het net in mijn layout gezet en het werkt prima, dus ja ik had dit niet mooier kunnen krijgen!

Nogmaals bedankt voor de moeite,
Groeten
Jon

Gesponsorde links

Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten:

© 2002-2012 Sitemasters.be - Regels - Gehost door: Vircon - Laadtijd: 0.038s