limiting number of checked checkboxes

**af11kcc** · Oct 10, 2003 21:02

I have an app where I show 40 checkboxes but I need to limit the amount of "checked" checkboxes to 10....
Anybody can help with this, I have been trying some approaches but I am not getting any closer...
Thanks

**Anarchos** · Oct 10, 2003 21:55

Put onclick="checkThis(this, form)" in each checkbox:

Code:

function checkThis(obj, form)
{
   var count = 0;
   for (var i = 0; i < form.elements.length(); i++)
   {
      if (form.elements[i].type == "checkbox")
      {
         count++;
      }
   }
   if (count > 10)
   {
      obj.checked = false;
   }
}

**adios** · Oct 11, 2003 10:16

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>untitled</title>
<script type="text/javascript" language="javascript">

function limitchex(oCheckbox, limit) 
{
	var el, i = 0, n = limit, oForm = oCheckbox.form;
	while (el = oForm.elements[i++])
	{
		if (el.className == 'limited' && el.checked)
			--n;
		if (n < 0)
		{
			alert('Please select no more than ' + limit + ' checkboxes.')
			return false;
		}
	}
	return true;
}

</script>
</head>
<body>
<form>
<input type="checkbox" class="limited" onclick="return limitchex(this,10)" /> 1<br />
<input type="checkbox" class="limited" onclick="return limitchex(this,10)" /> 2<br />
<input type="checkbox" class="limited" onclick="return limitchex(this,10)" /> 3<br />
<input type="checkbox" class="limited" onclick="return limitchex(this,10)" /> 4<br />
<input type="checkbox" class="limited" onclick="return limitchex(this,10)" /> 5<br />
<input type="checkbox" class="limited" onclick="return limitchex(this,10)" /> 6<br />
<input type="checkbox" class="limited" onclick="return limitchex(this,10)" /> 7<br />
<input type="checkbox" class="limited" onclick="return limitchex(this,10)" /> 8<br />
<input type="checkbox" class="limited" onclick="return limitchex(this,10)" /> 9<br />
<input type="checkbox" class="limited" onclick="return limitchex(this,10)" /> 10<br />
<input type="checkbox" class="limited" onclick="return limitchex(this,10)" /> 11<br />
<input type="checkbox" class="limited" onclick="return limitchex(this,10)" /> 12<br />
<input type="checkbox" class="limited" onclick="return limitchex(this,10)" /> 13<br />
<input type="checkbox" class="limited" onclick="return limitchex(this,10)" /> 14<br />
<input type="checkbox" class="limited" onclick="return limitchex(this,10)" /> 15<br />
<input type="checkbox" class="limited" onclick="return limitchex(this,10)" /> 16<br />
<input type="checkbox" class="limited" onclick="return limitchex(this,10)" /> 17<br />
<input type="checkbox" class="limited" onclick="return limitchex(this,10)" /> 18<br />
<input type="checkbox" class="limited" onclick="return limitchex(this,10)" /> 19<br />
<input type="checkbox" class="limited" onclick="return limitchex(this,10)" /> 20<br /><br />
<input type="reset" />
</form>
</body>
</html>

**af11kcc** · Oct 11, 2003 19:55

Thanks, it works great

User Tag List

Thread: limiting number of checked checkboxes

Thread Tools

Display

limiting number of checked checkboxes

Bookmarks

Bookmarks

Posting Permissions