limiting checkboxes in arrays [Archive]

gogotina

05-27-2003, 11:30 PM

Can someone help me with limiting my guest to three checkboxes in each group??? I must be confused by the syntax--or possably thehole thing--.

<html>
<head>

<script language="javascript">
var checked1 = 0;
var checked2 = 0;
var checked3 = 0;
var maxnum = 3;
var i1;
var i2;
var i3;
var group1="";
var group2="";
var group3="";
function getcheckboxs(what)
{
j=what.group1.length;
for (i=0; i<j; i++)
{
if(what.group1[i].checked)
{
if(checked < maxnum)
{
var group1 += what.group1[i].value;
checked++;
}
else
{
alert('You are only allowed to pick ' + maxnum + ' items');
return false;
}
}
}
j=what.group2.length;
for (i=0; i<j; i++)
{
if(what.group2[i].checked)
{
if(checked < maxnum)
{
var group2 = what.group2[i].value;
checked2++;
}
else
{
alert('You are only allowed to pick ' + maxnum + ' items');
return false;
}
j=what.group3.length;
for (i=0; i<j; i++)
{
if(what.group3[i].checked)
{
if(checked < maxnum)
{
var group3 = what.group3[i].value;
checked++;
}
else
{
alert('You are only allowed to pick ' + maxnum + ' items');
return false;
}
}
what.buttons1.value = (group1)
what.buttons2.value = (group2)
what.buttons3.value = (group3)
what.buttons4.value = (group1+', '+group2+', '+group3)
}
</script>
<title>aa</title>
</head>
<body>

<form name="myForm">
<div onclick="getcheckboxs(document.myForm)"><b>My group1:</b><input type="checkbox" name="group1" value="red">
Red <input type="checkbox" name="group1" value="orange">
Orange <input type="checkbox" name="group1" value="yellow">
Yellow <input type="checkbox" name="group1" value="green">Green
<input type="checkbox" name="group1" value="blue"> Blue
<input type="checkbox" name="group1" value="indigo"> Indigo <input type="checkbox" name="group1" value="violet">
Violet <br>
<br>
<b>My group2:</b><input type="checkbox" name="group2" value="One">1 <input type="checkbox" name="group2" value="Two">
2 <input type="checkbox" name="group2" value="Thirty three">
33 <input type="checkbox" name="group2" value="Fourty four">
44 <input type="checkbox" name="group2" value="Five Hundred ">500
<br>
<br>
<b>My group3:</b><input type="checkbox" name="group3" value="a">A <input type="checkbox" name="group3" value="b">
B <input type="checkbox" name="group3" value="c">C <input type="checkbox" name="group3" value="d">
D <input type="checkbox" name="group3" value="e">E </div>
<br>
<b>My Group1 Value:</b><input type="text" name="buttons1" size="50"><br>
<b>My </b><b>Group2</b><b> Value:</b><input type="text" name="buttons2" size="50"><br>
<b>My </b><b>Group3</b><b> Value:</b><input type="text" name="buttons3" size="50"><br>
<b>All </b><b>Groups</b><b> Values:</b><input type="text" name="buttons4" size="50"><br>
<br>
</form>

</body>
</html>