?
Solved

Javascript check all multiple checkbox groups

Posted on 2008-10-13
2
Medium Priority
?
704 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
2 Comments
 
LVL 43

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

Industry Leaders: 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

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'…
This article will give core knowledge of JavaScript and will head in to your first JavaScript program. I am Durvesh Naik and I am here to deal with this series of JavaScript. I will teach you JavaScript in part wise , as its quite boring to read big…
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

839 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