[Javascript] Checkbox challenge

[dev at qroute.net]

I did it this way; it worked. Thank you guys !...

<script>
function  CheckMax(maxNo,obj)
{
 var numChecked = 0

 var bolPop=false;
 for(var x = 0; x < obj.length; x++){
  if(obj[x].checked){
   numChecked++
   if (numChecked>=maxNo) {
    bolPop=true
    obj[x].checked=false
   }
  }
 }

 if (bolPop)
 {
  alert('You have already selected '+maxNo+' items. ')
 }

 return true;
}
</script>

I call them like this

<td width="25%"><span class="cssMainSmall"><input
onClick='CheckMax(5,window.document.forms[0].MyBest)' type="checkbox"
name="MyBest" value="Intelligent">Intelligent</span></font></td>

<td width="25%"><span class="cssMainSmall"><input
onClick='CheckMax(5,window.document.forms[0].MyBest)' type="checkbox"
name="MyBest" value="Thoughtful">Thoughtful</span></font></td>

<td width="25%"><span class="cssMainSmall"><input
onClick='CheckMax(5,window.document.forms[0].MyBest)' type="checkbox"
name="MyBest" value="Sweet">Sweet</span></font></td>
 </tr><tr>
<td width="25%"><span class="cssMainSmall"><input
onClick='CheckMax(5,window.document.forms[0].MyBest)' type="checkbox"
name="MyBest" value="Passionate">Passionate</span></font></td>


----- Original Message ----- 
From: "Chris T" <christ at saeweb.com>
To: "[JavaScript List]" <javascript at LaTech.edu>
Sent: Thursday, May 06, 2004 1:24 PM
Subject: Re: [Javascript] Checkbox challenge


> Are all of these checkboxes in the same group of checkboxes? If so, you
> don't need to loop through the form as below, but rather like this:
>
> var numChecked = 0
> var objForm = document.forms["FormName"]
> var objEl = objForm.elements["CheckboxNames"]
>
> for(var x = 0; x < objEl.length; x++){
>     if(objEl[x].checked){
>         numChecked++
>     }
> }
>
> Then you could use the same validation on the number checked that Shawn
has
> shown you, but if this script applies to just the one element, then the
> below script could fail if other checkboxes are on the form.
>
> It's the same premise as Shawn's script, just more specific.
>
> Chris Tifer
> http://emailajoke.com
>
>
>
> ----- Original Message ----- 
> From: "Shawn Milo" <milo at linuxmail.org>
> To: "[JavaScript List]" <javascript at LaTech.edu>
> Sent: Thursday, May 06, 2004 3:53 PM
> Subject: Re: [Javascript] Checkbox challenge
>
>
> > Try some modification of this:
> >
> > In each checkbox:  onclick="threeOnly(this)"
> >
> > function threeOnly(lastChecked){
> >
> >    var numChecked = 0;
> >
> >    for (x=0;x<document.forms[0].elements.length;x++){
> >       if ((document.forms[0].elements[x].type == 'checkbox') &&
> (document.forms[0].elements[x].value == 'on')){
> >          numChecked++;
> >       }
> >    }
> >
> >    if (numChecked > 3){
> >       lastChecked.checked = false;
> >       alert('Please uncheck another option before choosing this one.
You
> may select a maxumim of three');
> >    }
> >
> > }
> >
> >
> >
> > Note:
> >
> > Untested, and I sometimes get confused about how you refer to the status
> of a
> > checkbox between ASP and Javascript, so my syntax may be screwy, but
> here's
> > something I think you can work with.
> >
> > Shawn
> > _______________________________________________
> > Javascript mailing list
> > Javascript at LaTech.edu
> > https://lists.LaTech.edu/mailman/listinfo/javascript
>
> _______________________________________________
> Javascript mailing list
> Javascript at LaTech.edu
> https://lists.LaTech.edu/mailman/listinfo/javascript