toggle checkbox group when the max limit is reached

hi
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
<html>

<head>
<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++){

checkgroup[i].onclick=function(){
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);
if(a==true){
onlycheckgroup=document.getElementsByName('selectedItems');
alert("onlycheckgroup "+onlycheckgroup);

alert("in for loop");

alert(1);
onlycheckgroup[i].disabled=true;

}
else{
alert(2);
onlycheckgroup[i].disabled=false;
}

}
}
}
}

}

></script>

</head>

<body>

<input type="checkbox" name="selectedItems" id="check" onclick="checkboxlimit(selectedItems,2)";/> <c

ut value="John"/>

<input type="checkbox" name="selectedItems" id="check" onclick="checkboxlimit(selectedItems,2)";/> <c

ut value="Smith"/>

<input type="checkbox" name="selectedItems" id="check" onclick="checkboxlimit(selectedItems,2)";/> <c

ut value="Peter"/>

<input type="checkbox" name="selectedItems" id="check" onclick="checkboxlimit(selectedItems,2)";/> <c

ut value="Angel"/>

</form>
</body>

</html>

please help

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??

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