File APIs for Java Developers
Manipulate DOC, XLS, PPT, PDF and many others from your application.
The moose likes HTML, CSS and JavaScript and the fly likes toggle checkbox group when the max limit is reached Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "toggle checkbox group when the max limit is reached " Watch "toggle checkbox group when the max limit is reached " New topic

toggle checkbox group when the max limit is reached

madhavi sastry

Joined: Oct 28, 2009
Posts: 3
Suppose i have 10 checkboxes and i allow the user to check max of 4 checkboxes.
When the limit is reached i.e. 4, i need to disable all the other checkboxes
and when i uncheck anyone (now only 3 are checked) all the checkboxes should be enabled

Here's the code which i tried

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<script type="text/javascript">

function checkboxlimit(checkgroup,max,min){
var checkgroup=checkgroup
var onlycheckgroup;

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

var checkedcount=0

for (var i=0; i><checkgroup.length; i++){
checkedcount+=(checkgroup[i].checked)? 1 : 0
alert("checkedcount is "+checkedcount)

if (checkedcount==max){
var a=checkgroup[i].checked;
alert("only checked "+a);
alert("onlycheckgroup "+onlycheckgroup);

alert("in for loop");








<input type="checkbox" name="selectedItems" id="check" onclick="checkboxlimit(selectedItems,2)";/> <cut value="John"/> <input type="checkbox" name="selectedItems" id="check" onclick="checkboxlimit(selectedItems,2)";/> <cut value="Smith"/> <input type="checkbox" name="selectedItems" id="check" onclick="checkboxlimit(selectedItems,2)";/> <cut value="Peter"/> <input type="checkbox" name="selectedItems" id="check" onclick="checkboxlimit(selectedItems,2)";/> <cut value="Angel"/>



please help
Ankit Garg

Joined: Aug 03, 2008
Posts: 9465

Hi Madhvi welcome to javaranch

please Use Code Tags when you post a source code. You can edit your message using button and then add code tags to it and also indent the code properly. Also what happens when you run this code??

SCJP 6 | SCWCD 5 | Javaranch SCJP FAQ | SCWCD Links
Bear Bibeault
Author and ninkuma

Joined: Jan 10, 2002
Posts: 63866

Without the code tags, it's unlikely most people will bother to try and read your post.

[Asking smart questions] [About Bear] [Books by Bear]
I agree. Here's the link:
subject: toggle checkbox group when the max limit is reached
It's not a secret anymore!