Onderwerp: Javascript checkbox reverse selection

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?

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

ik ben geen javascripter arno, help me

dynamicdrive.com?

Oorspronkelijk geplaatst door izdesign

dynamicdrive.com?

Ik vind het script daar niet, jij wel?

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

Nu ben ik niet zo brilliant, maar dit werkt.

Code:

<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>

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?

Code:

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

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

Code:

<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>

Super

Code:

<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>

waar kan ik heen factureren

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

Voor de geintreseerde

Code:

<!--
/* 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;
}

// -->

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

Zoiets:

Code:

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