Javascript checkbox reverse selection

[WH-Tim]

Ik heb een hele kolom vol met checkboxes:

[X] - naam|1
[ ] - naam|2
[ ] - naam|3
[ ] - naam|4
[ ] - naam|5
[X] - naam|6
[ ] - naam|7

Nu wil ik onderaan dat als ik op submit duw dat alle checked boxes unchecked worden, en alle unchecked moeten checked worden. Manueel klikken eerst is ook goed. Iemand een idee?

[_arno_]

Via google kwam ik op dit:
document.form.checkbox.length
Die kun je waarschijnlijk loopen en met een simpele if statement checken of unchecken.

[WH-Tim]

ik ben geen javascripter arno, help me

[izdesign]

dynamicdrive.com?

[WH-Tim]

dynamicdrive.com?

Ik vind het script daar niet, jij wel?

[IT-worX]

Stel je vraag eens op info@friendsnet.be, want zij gebruiken dat bij hun script ergens dacht ik...

[_arno_]

Nu ben ik niet zo brilliant, maar dit werkt.

<html>
<head>
	<title>woei</title>
	<script type"text/javascript">
		function switchform() {
			var length = document.form.select.length
			for(i = 0; i < length; i++) {
				if ( document.form.select[i].checked ) {
					document.form.select[i].checked = '';
				}
				else {
					document.form.select[i].checked = 'true';
				}
			}
		}
	</script>
</head>
<body>
	<form id="aap" name="form">
		<input type="checkbox" name="select" />aa
		<input type="checkbox" name="select" />aa
	</form>
	<a href="Javascript: switchform();">Switch</a>
</body>
</html>

[WH-Tim]

Oke, dit is al een hele stap in de richting Arno! Kun je het ook nog zo maken dat de vakjes herkenbaar zijn op de volgende pagina?

		<input type="checkbox" name="select1" />aa
		<input type="checkbox" name="select2" />aa

[_arno_]

Zoiets? waarschijnlijk moet je wel even checken of het een checkbox is.

<html>
<head>
	<title>woei</title>
	<script type"text/javascript">
		function switchform() {
			var length = document.form.elements.length;

			for(i = 0; i < length; i++) {
				if ( document.form.elements[i].checked) {
					document.form.elements[i].checked = '';
				}
				else {
					document.form.elements[i].checked = 'true';
				}
			}
		}
	</script>
</head>
<body>
	<form name="form">
		<input type="checkbox" name="select1" />aa
		<input type="checkbox" name="select2" />aa
	</form>
	<a href="Javascript: switchform();">Switch</a>
</body>
</html>

[WH-Tim]

Super

<html>
<head>
	<title>woei</title>
	<script type"text/javascript">
		function switchform() {
			var length = document.form.elements.length;

			for(i = 0; i < length; i++) {
				if ( document.form.elements[i].checked) {
					document.form.elements[i].checked = '';
				}
				else {
					document.form.elements[i].checked = 'true';
				}
			}
		}
	</script>
</head>
<body>
	<form name="form" onSubmit="switchform();">
		<input type="checkbox" name="select1" />aa
		<input type="checkbox" name="select2" />aa
		<input type="submit">
	</form>
</body>
</html>

[_arno_]

waar kan ik heen factureren

[WH-Tim]

Je krijgt wel een snoepje van me als ik je ooit eens in Maastricht zie

[SebastiaanStok]

Voor de geintreseerde

<!--
/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Hillel Aftel :: equazcion (at) gmail.com */

function checkAll(checkname, exby)
{
  for (i = 0; i < checkname.length; i++)
  {
    checkname[i].checked = true
  }

  return false;
}

function unCheckAll(checkname, exby) {
    for (i = 0; i < checkname.length; i++)
  {
    checkname[i].checked = false;
  }
  return false;
}


function toggleCheckAll(checkname, exby) {
  for (i = 0; i < checkname.length; i++)
  {
    checkname[i].checked = checkname[i].checked?false:true
  }
  return false;
}

// -->

[gjtje]

Doe dan gewoon x[i].checked = !x[i].checked.

[Keenondots]

Zoiets:

function CheckboxToggle(t)
{
	for (i=0; i<=t.length; i++) {
		if (t[i].type == 'checkbox') {
			t[i].checked =  !t[i].checked;
		}
	}
}