Css Snippets » check http://www.csssnippets.be Snippets for you, snippets for me Mon, 17 Oct 2011 08:42:00 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Check/Uncheck alle checkboxes http://www.csssnippets.be/2009/05/checkuncheck-alle-checkboxes/ http://www.csssnippets.be/2009/05/checkuncheck-alle-checkboxes/#comments Sat, 02 May 2009 16:15:15 +0000 Mark http://www.csssnippets.be/?p=195 Door middel van één checkbox te klikken, kan je alle checkboxes aanvinken (véél gezien bij b.v. Flickr, Gmail, etc…). Dit gebeurd met JavaScript.

HTML

<form id="myform" action="post">
<p><input type="checkbox" name="foo" /><br />
<input type="checkbox" name="bar" /></p>
<p>Check all: <input type='checkbox' name='checkall' onclick='checkedAll();'/></p>
</form>

JavaScript

<![CDATA[
checked = false;
	function checkedAll () {
	if (checked == false){checked = true}else{checked = false}
	for (var i = 0; i < document.getElementById('myform').elements.length; i++) {
	document.getElementById('myform').elements[i].checked = checked;
	}
}
]]>
Google Bookmarks Digg BlinkList Technorati del.icio.us StumbleUpon

]]> http://www.csssnippets.be/2009/05/checkuncheck-alle-checkboxes/feed/ 3