Solved

Javascript Select/Deselect checkbox

Posted on 2009-05-13
9
663 Views
Last Modified: 2012-05-06
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.
0
Comment
Question by:nikinik
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 4
9 Comments
 
LVL 7

Expert Comment

by:Jonah11
ID: 24377281
0
 

Author Comment

by:nikinik
ID: 24378801
That code doesn't seem complete or well laid out.  I cannot get it to work.
0
 
LVL 7

Expert Comment

by:Jonah11
ID: 24378872
paste in everything you have so far.  ill fix it.
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:nikinik
ID: 24379051
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
 
LVL 7

Accepted Solution

by:
Jonah11 earned 500 total points
ID: 24379320
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
 

Author Comment

by:nikinik
ID: 24379461
I copied and pasted your code directly and it doesn't work...

http://dev.c2trak.clickclaims.com/test.asp
0
 
LVL 7

Expert Comment

by:Jonah11
ID: 24379538
that is not my code.  go to view source and compare it with whats above.
0
 

Author Comment

by:nikinik
ID: 24379633
I was able to modifiy the code and get it working.
0
 
LVL 7

Expert Comment

by:Jonah11
ID: 24379663
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

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
dropdown list to append :( 9 377
ipinfo.io Geolocation Use 11 157
javascript to enforce password complexity 10 147
how to move the Y-scale inside a chart with "echarts" 2 142
Today it’s fairly well known that high-performing websites and applications bring in more visitors, higher SEO, and ultimately more sales. By the same token, downtime is disastrous for companies and can lead to major hits on a brand, reputation, an…
Always backup Domain, SYSVOL etc.using processes according to Microsoft Best Practices. This is meant as a disaster recovery process for small environments that did not implement backup processes and did not run a secondary domain controller that ne…
Finds all prime numbers in a range requested and places them in a public primes() array. I've demostrated a template size of 30 (2 * 3 * 5) but larger templates can be built such 210  (2 * 3 * 5 * 7) or 2310  (2 * 3 * 5 * 7 * 11). The larger templa…

733 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