Javascript Select/Deselect checkbox

I have a list of checkboxes.  I already have a code that does Select/Deselect all.  Pretty much all that code does is toggle the status.  

What I need is a true Select/Deselect all code.

So when you check the box to Select All, if any boxes are currently checked, it would leave them alone.  Any boxes that aren't checked, it would check them.  

Same for Deselect.  If you uncheck the box, then any boxes that are currently checked would uncheck.  Any boxes that are currently unchecked would remain unchecked.
nikinikAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
Jonah11Connect With a Mentor Commented:
click on bottom checkbox
<form name="myform" action="checkboxes.asp" method="post">
<b>Your Favorite Scripts & Languages</b><br>
<input type="checkbox" name="list" value="1">Java<br>
<input type="checkbox" name="list" value="2">Javascript<br>
<input type="checkbox" name="list" value="3">Active Server Pages<br>
<input type="checkbox" name="list" value="4">HTML<br>
<input type="checkbox" name="list" value="5">SQL<br>
 
<input type="checkbox" name="checkUncheck" onChange="updateChecks(document.myform.list, this)">
</form>
 
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function updateChecks(field, controllerCheckbox) {
	var checkValue = controllerCheckbox.checked;
	for (i = 0; i < field.length; i++) {
		field[i].checked = checkValue ;
	}
}
//  End -->
</script>

Open in new window

0
 
nikinikAuthor Commented:
That code doesn't seem complete or well laid out.  I cannot get it to work.
0
Get your problem seen by more experts

Be seen. Boost your question’s priority for more expert views and faster solutions

 
Jonah11Commented:
paste in everything you have so far.  ill fix it.
0
 
nikinikAuthor Commented:
I have this and it works....but it's individual buttons to select all and deselect all.  I really would rather it just be one checkbox to select all or deselect all.  


<SCRIPT LANGUAGE="JavaScript">
function checkAll(field)
{
for (i = 0; i < field.length; i++)
	field[i].checked = true ;
}
 
function uncheckAll(field)
{
for (i = 0; i < field.length; i++)
	field[i].checked = false ;
}
 
</script>
 
<input type="button" name="CheckAll" value="Select All" onClick="checkAll(document.tstest.bApproved)">&nbsp;
<input type="button" name="UnCheckAll" value="Deselect All" onClick="uncheckAll(document.tstest.bApproved)">

Open in new window

0
 
nikinikAuthor Commented:
I copied and pasted your code directly and it doesn't work...

http://dev.c2trak.clickclaims.com/test.asp
0
 
Jonah11Commented:
that is not my code.  go to view source and compare it with whats above.
0
 
nikinikAuthor Commented:
I was able to modifiy the code and get it working.
0
 
Jonah11Commented:
ok glad i could help.  but if you select all on that code, paste it into a blank notepad, and save it as test.html, it will work.  something must have happened when you put the code on your asp page.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.