|
Forms >>>
Limits the number of checkboxes that the user is able to check on your site. Ideal for situations when more than one selection is allowed up to a certain number overall. If they select too many, they are notified of the maximum allowed and their last entry becomes unchecked.
Add the below code to the <body> section of your page:
<script
language="javascript"
type="text/javascript">
function
countChoices(obj)
{
max
=
2;
box1
=
obj.form.box1.checked;
box2
=
obj.form.box2.checked;
box3
=
obj.form.box3.checked;
count
=
(box1
?
1
:
0)
+
(box2
?
1
:
0)
+
(box3
?
1
:
0);
if
(count
>
max)
{
alert("Oops!
You can only choose up to "
+
max
+
" choices! \nUncheck an option if
you want to pick another.");
obj.checked
=
false;
}
}
</script>
<form>
Please choose up to 2 sections:
<p>
<input
type=checkbox
name=box1
onClick="countChoices(this)">Section
1
<p>
<input
type=checkbox
name=box2
onClick="countChoices(this)">Section
2
<p>
<input
type=checkbox
name=box3
onClick="countChoices(this)">Section
3
<p>
</form>
|
|