Solved

add onclick event to disable button when checkboxes are not checked

Posted on 2008-06-26
2
978 Views
Last Modified: 2008-06-27
Hi all,

I have a table that contains a list of checkboxes.

i need to create a function in JAVASCRIPT that will do the following:
 say i have 10 checkboxes .. one on each table row.
if a  user unchecks all of the check boxes i need to set disable=true to  button1
if all the check boxes are not unchecked then i need to set disable = false to button1

thanks
0
Comment
Question by:joan2006
2 Comments
 
LVL 82

Accepted Solution

by:
hielo earned 500 total points
ID: 21879742
Save this as test.html and try it.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

 "http://www.w3.org/TR/html4/loose.dtd">
 

<html>

<head>

<title></title>

<script type="text/javascript">

function process( o )

{

	var sib = document.getElementsByTagName(o.tagName);

	var checked=0;

	for( var i=0; i < sib.length; ++i)

	{

		if( sib[i].name==o.name && sib[i].checked==true )

		{

			++checked;

		}

	}
 

	if( checked==(sib.length-1) )

	{

		document.getElementById("theButtonID").disabled=false;

	}

	else

	{

		document.getElementById("theButtonID").disabled=true;

	}

return true;

}

</script>

</head>

<body>

<table summary="">

<tr><td><input type="checkbox" name="theCheckbox" onclick="process(this)" /></td></tr>

<tr><td><input type="checkbox" name="theCheckbox" onclick="process(this)" /></td></tr>

<tr><td><input type="checkbox" name="theCheckbox" onclick="process(this)" /></td></tr>

<tr><td><input type="checkbox" name="theCheckbox" onclick="process(this)" /></td></tr>

<tr><td><input type="checkbox" name="theCheckbox" onclick="process(this)" /></td></tr>

<tr><td><input type="checkbox" name="theCheckbox" onclick="process(this)" /></td></tr>

<tr><td><input type="checkbox" name="theCheckbox" onclick="process(this)" /></td></tr>

<tr><td><input type="checkbox" name="theCheckbox" onclick="process(this)" /></td></tr>

<tr><td><input type="checkbox" name="theCheckbox" onclick="process(this)" /></td></tr>

<tr><td><input type="checkbox" name="theCheckbox" onclick="process(this)" /></td></tr>

<tr><td><input type="button" name="theButton" id="theButtonID" value="Test" disabled="disabled" /></td></tr>

</table>

</body>

</html>

Open in new window

0
 
LVL 8

Expert Comment

by:newbie27
ID: 21885744
Hello Hielo,
You probably trying to ignore me and my posts otherwise all my problems would have resolved by now, Please Hielo, if anything said or done wrong please forgive and please please help me ! i know you been busy helping others as well but I would be very grateful to you HIELO for your help on the List Manager project I am working on, I need your help and advice
Please help HIELO.
Thanks
S
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

The Confluence of Individual Knowledge and the Collective Intelligence At this writing (summer 2013) the term API (http://dictionary.reference.com/browse/API?s=t) has made its way into the popular lexicon of the English language.  A few years ago, …
I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
Migrating to Microsoft Office 365 is becoming increasingly popular for organizations both large and small. If you have made the leap to Microsoft’s cloud platform, you know that you will need to create a corporate email signature for your Office 365…
Many functions in Excel can make decisions. The most simple of these is the IF function: it returns a value depending on whether a condition you describe is true or false. Once you get the hang of using the IF function, you will find it easier to us…

910 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now