• Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

toggle checkbox group when the max limit is reached

 
madhavi sastry
Greenhorn
Posts: 3
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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)";/> <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"/>




</form>
</body>

</html>


please help
 
Ankit Garg
Sheriff
Posts: 9528
33
Android Google Web Toolkit Hibernate IntelliJ IDE Java Spring
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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??
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 65126
92
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Without the code tags, it's unlikely most people will bother to try and read your post.
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic