PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact

Checkbox alles selecteren

Door - Ricardo - op 15-08-2009 22:42
2.253 views
Hallo allemaal,

Hoe kan ik zoiets maken als in PHPmyadmin, als je op 'alles selecteren' klikt dat al je records geselecteerd zijn.

Waarschijnlijk iets met onclick ofzo, maar ik weet niet wat ik dan moet zetten in de checkbox en op het linkje etc.

Google levert ook niks op :)

Bvd,
Ricardo
?
Onbekende gebruiker
15-08-2009 22:48
Met javascript
M
Matthias R
15-08-2009 22:50 

<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>
?
Onbekende gebruiker
15-08-2009 22:52
@Matthias achter de naam 'select' moeten ook nog [].
M
Matthias R
15-08-2009 22:53
true :p
heb aangepast:p
- Ricardo -
15-08-2009 22:55
Uhmm GaMer13; wat is er hier dan fout aan
(kweet het, ik weet 0.0 van javascript)


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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 selectAll(selectBox,selectAll) {
	// have we been passed an ID
	if (typeof selectBox == "string") {
		selectBox = document.getElementById(selectBox);
	}
	// is the select box a multiple select box?
	if (selectBox.type == "select-multiple") {
		for (var i = 0; i < selectBox.options.length; i++) {
			selectBox.options[i].selected = selectAll;
		}
	}
}
</script>
</head>

<body>
<table width="700" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><label>
      <input type="checkbox" name="checkbox" id="checkbox" />
    </label></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="checkbox2" id="checkbox" /></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="checkbox3" id="checkbox" /></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="checkbox4" id="checkbox4" /></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><input type="button" name="Button" value="All" onclick="selectAll('checkbox',true)" />&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>
?
Onbekende gebruiker
15-08-2009 22:57
Alle 'name' attributes moeten hetzelfde zijn en eindigen met []. Zie voorbeeld van Matthias.
M
Matthias R
15-08-2009 22:58
Ricardo schreef op 15.08.2009 22:55
Uhmm GaMer13; wat is er hier dan fout aan
(kweet het, ik weet 0.0 van javascript)


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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 selectAll(selectBox,selectAll) {
	// have we been passed an ID
	if (typeof selectBox == "string") {
		selectBox = document.getElementById(selectBox);
	}
	// is the select box a multiple select box?
	if (selectBox.type == "select-multiple") {
		for (var i = 0; i < selectBox.options.length; i++) {
			selectBox.options[i].selected = selectAll;
		}
	}
}
</script>
</head>

<body>
<table width="700" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><label>
      <input type="checkbox" name="checkbox" id="checkbox" />
    </label></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="checkbox2" id="checkbox" /></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="checkbox3" id="checkbox" /></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="checkbox4" id="checkbox4" /></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><input type="button" name="Button" value="All" onclick="selectAll('checkbox',true)" />&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>







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



zo moet het !!!
MAn man man!!
xDD
btw in dit voorbeeld is [] niet noodzakelijk :)
- Ricardo -
16-08-2009 09:59
He bedankt allebei,

T werkt nu
M
Matthias R
16-08-2009 11:27
dit is wat je zoekt:

Javascript:


function SetAllCheckBoxes(FormName, FieldName, CheckValue)
{
	if(!document.forms[FormName])
		return;
	var objCheckBoxes = document.forms[FormName].elements[FieldName];
	if(!objCheckBoxes)
		return;
	var countCheckBoxes = objCheckBoxes.length;
	if(!countCheckBoxes)
		objCheckBoxes.checked = CheckValue;
	else
		// set the check value for all check boxes
		for(var i = 0; i < countCheckBoxes; i++)
			objCheckBoxes[i].checked = CheckValue;
}




html:

<form onsubmit="return false;" name="myForm" action="page17.php" method="GET">
<label for="myCheckbox1">
</label>
<br/>
<label for="myCheckbox2">
</label>
<br/>
<label for="myCheckbox3">
</label>
<br/>
<input type="button" value="I like them all!" onclick="SetAllCheckBoxes('myForm', 'myCheckbox', true);"/>
<input type="button" value="I don't like any of them!" onclick="SetAllCheckBoxes('myForm', 'myCheckbox', false);"/>
</form>



edit: Was even vergeten dat er een form enzo rond moest :p

Reageren

Inloggen om te reageren