Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

Checkbox per groep alles aan of uit (Opgelost)

Jon - 11/01/2012 19:19
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

Kevin - 11/01/2012 20:25
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

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

html4strict code - Bekijk de code zonder highlighting - Klap code in

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function check(parentID, value)
{
	var cbs = new Array();
	cbs = document.getElementById(parentID).getElementsByTagName('input');
	for (var i = 0; i < cbs.length; i++)
	{
		if (cbs[i].type == 'checkbox')
		{
			if(value == true)
			{
				cbs[i].checked = true;
			}
			else
			{
				cbs[i].checked = false;
			}
		}
	}
}
</script>
</head>

<body>

<div id="een">
    <input name="cb1" type="checkbox" value="1" /><br />
    <input name="cb2" type="checkbox" value="1" /><br />
    <input name="cb3" type="checkbox" value="1" /><br />
    <input name="cb4" type="checkbox" value="1" /><br />
    <input name="cb5" type="checkbox" value="1" /><br />
    <input name="cb6" type="checkbox" value="1" /><br />
    <input name="all" type="checkbox" value="checked" onchange="check('een', this.checked)" />check groep
</div>

<br /><br />

<div id="twee">
    <input name="cb1" type="checkbox" value="1" /><br />
    <input name="cb2" type="checkbox" value="1" /><br />
    <input name="cb3" type="checkbox" value="1" /><br />
    <input name="cb4" type="checkbox" value="1" /><br />
    <input name="cb5" type="checkbox" value="1" /><br />
    <input name="cb6" type="checkbox" value="1" /><br />
    <input name="all" type="checkbox" value="checked" onchange="check('twee', this.checked)" />check groep
</div>

</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function check(parentID, value)
{
	var cbs = new Array();
	cbs = document.getElementById(parentID).getElementsByTagName('input');
	for (var i = 0; i < cbs.length; i++)
	{
		if (cbs[i].type == 'checkbox')
		{
			if(value == true)
			{
				cbs[i].checked = true;
			}
			else
			{
				cbs[i].checked = false;
			}
		}
	}
}
</script>
</head>
 
<body>
 
<div id="een">
    <input name="cb1" type="checkbox" value="1" /><br />
    <input name="cb2" type="checkbox" value="1" /><br />
    <input name="cb3" type="checkbox" value="1" /><br />
    <input name="cb4" type="checkbox" value="1" /><br />
    <input name="cb5" type="checkbox" value="1" /><br />
    <input name="cb6" type="checkbox" value="1" /><br />
    <input name="all" type="checkbox" value="checked" onchange="check('een', this.checked)" />check groep
</div>
 
<br /><br />
 
<div id="twee">
    <input name="cb1" type="checkbox" value="1" /><br />
    <input name="cb2" type="checkbox" value="1" /><br />
    <input name="cb3" type="checkbox" value="1" /><br />
    <input name="cb4" type="checkbox" value="1" /><br />
    <input name="cb5" type="checkbox" value="1" /><br />
    <input name="cb6" type="checkbox" value="1" /><br />
    <input name="all" type="checkbox" value="checked" onchange="check('twee', this.checked)" />check groep
</div>
 
</body>
</html>

Bedankt door: Jon

Jon - 12/01/2012 01:44
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.

Actiefste leden van de maand

Actieve forumberichten