?
Solved

Javascript check all multiple checkbox groups

Posted on 2008-10-13
2
Medium Priority
?
699 Views
Last Modified: 2010-04-21
Hello!

I'm using the script below to check all checkboxes in a group. This works for one group in a form when the checkboxes have the same id.

 How can I modify this for more than one group in the same form?

thanks
<script language ="javascript">
<!--
 
<!-- Begin
function Check(chk)
{
if(document.search1.Check_All.value=="Check All"){
for (i = 0; i < chk.length; i++)
chk[i].checked = true ;
document.search1.Check_All.value="UnCheck All";
}else{
 
for (i = 0; i < chk.length; i++)
chk[i].checked = false ;
document.search1.Check_All.value="Check All";
}
}
 
// End -->
</script>
 
***HTML***
 
<input name="colour_black" type="checkbox" id="check_list" value="1" />
<input name="colour_white" type="checkbox" id="check_list" value="1" />
 
<input type="button" id="Check_All" value="Check All"
onClick="Check(document.search1.check_list)">

Open in new window

0
Comment
Question by:allanch08
[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
2 Comments
 
LVL 42

Accepted Solution

by:
David S. earned 1400 total points
ID: 22706193
IDs must be unique. Two elements in the same document may not have the same ID.

Perhaps this will help you: http://www.dynamicsitesolutions.com/javascript/check-all-or-none-checkboxes/
0
 

Author Closing Comment

by:allanch08
ID: 31505661
thanks kramivir, that's what I was looking for and the unique ID has cleared up another lingering question!
0

Featured Post

Get 15 Days FREE Full-Featured Trial

Benefit from a mission critical IT monitoring with Monitis Premium or get it FREE for your entry level monitoring needs.
-Over 200,000 users
-More than 300,000 websites monitored
-Used in 197 countries
-Recommended by 98% of users

Question has a verified solution.

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

This article shows how to create and access 2-dimensional arrays in JavaScript.  It includes a tutorial in case you are just trying to "get your head wrapped around" the concept and we'll also look at some useful tips for more advanced programmers. …
In Part 1 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7849-Hex-Maze.html) we covered the hexagonal maze basics -- how the cells are represented in a JavaScript array and how the maze is displayed.  In this part, we'…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

800 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