toggle checkboxes javascript using prototype

Toggle All Check Boxes using prototype javascript library.

function toggleCheckBoxes(formName)   {
// toggle Check Boxes using Prototype Library
	var form=$(formName);
	var i=form.getElements('checkbox');
	i.each(function(item)
		{
		if (item.checked){
			item.checked=false;
		}
		else {
			item.checked=true;
		}
		}
	);
} 

to call use no quotes around the form name:
 onClick="toggleCheckBoxes(formName);"

Another example using some prototype shorthand to enable and disable a single checkbox:

for this input checkbox element:

< input id="EXCESS_AMT0" name="isNotUsed" type="checkbox" >

which has the id=”EXCESS_AMT0″

we can manipulate this input field like this:


// Enable checkbox
Field.enable('EXCESS_AMT0');
// uncheck that box
$('EXCESS_AMT0').checked = false;
// Disable checkbox
Field.disable('EXCESS_AMT0');
// Check that box
$('EXCESS_AMT0').checked = true;


If you find this post helpful, please click an ad below. Thanks!

This entry was posted on Monday, April 14th, 2008 at 2:16 pm and is filed under Other Tech, WebTechnology. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.