Counting Checkboxes with the same name 1

[dbrom]

Hi everyone!

I develop a page that has 40 checkboxes, all named the same.
I do it so that when I submit it to an ASP page, the value becomes "box1val, box2val, box3val, box4val, ..."
In other words, the values are added up and separated by commas.

Here is what I am talking about:

<INPUT name=resKeyword type=checkbox value=&quot;beautiful&quot;>beautiful<br>
<INPUT name=resKeyword type=checkbox value=&quot;body builder&quot;>body builder<br>
<INPUT name=resKeyword type=checkbox value=&quot;bombshell&quot;>bombshell<br>
<INPUT name=resKeyword type=checkbox value=&quot;charismatic&quot;>charismatic<br>
<INPUT name=resKeyword type=checkbox value=&quot;charming&quot;>charming<br>
<INPUT name=resKeyword type=checkbox value=&quot;comedic&quot;>comedic<br>
<INPUT name=resKeyword type=checkbox value=&quot;commanding&quot;>commanding<br>
<INPUT name=resKeyword type=checkbox value=&quot;cute&quot;>cute<br>
<INPUT name=resKeyword type=checkbox value=&quot;dark&quot;>dark<br>
<INPUT name=resKeyword type=checkbox value=&quot;edgy&quot;>edgy<br>
<INPUT name=resKeyword type=checkbox value=&quot;enchanting&quot;>enchanting<br>
<INPUT name=resKeyword type=checkbox value=&quot;energetic&quot;>energetic<br>
<INPUT name=resKeyword type=checkbox value=&quot;exotic&quot;>exotic<br>
<INPUT name=resKeyword type=checkbox value=&quot;focused&quot;>focused<br>
<INPUT name=resKeyword type=checkbox value=&quot;full figured&quot;>full figured<br>
<INPUT name=resKeyword type=checkbox value=&quot;fun&quot;>fun<br>
<INPUT name=resKeyword type=checkbox value=&quot;funny&quot;>funny<br>
<INPUT name=resKeyword type=checkbox value=&quot;gorgeous&quot;>gorgeous<br>
<INPUT name=resKeyword type=checkbox value=&quot;goth&quot;>goth<br>
<INPUT name=resKeyword type=checkbox value=&quot;handsome&quot;>handsome<br>
<INPUT name=resKeyword type=checkbox value=&quot;helpful&quot;>helpful<br>
<INPUT name=resKeyword type=checkbox value=&quot;innocent&quot;>innocent<br>
<INPUT name=resKeyword type=checkbox value=&quot;insightful&quot;>insightful<br>
<INPUT name=resKeyword type=checkbox value=&quot;inspirational&quot;>inspirational<br>
<INPUT name=resKeyword type=checkbox value=&quot;interesting&quot;>interesting<br>
<INPUT name=resKeyword type=checkbox value=&quot;intelligent&quot;>intelligent<br>
<INPUT name=resKeyword type=checkbox value=&quot;jovial&quot;>jovial<br>
<INPUT name=resKeyword type=checkbox value=&quot;little person&quot;>little person<br>
<INPUT name=resKeyword type=checkbox value=&quot;loyal&quot;>loyal<br>
<INPUT name=resKeyword type=checkbox value=&quot;magnetic&quot;>magnetic<br>
<INPUT name=resKeyword type=checkbox value=&quot;matron&quot;>matron<br>
<INPUT name=resKeyword type=checkbox value=&quot;paternal&quot;>paternal<br>
<INPUT name=resKeyword type=checkbox value=&quot;physical&quot;>physical<br>
<INPUT name=resKeyword type=checkbox value=&quot;pock marked&quot;>pock marked<br>
<INPUT name=resKeyword type=checkbox value=&quot;punk&quot;>punk<br>
<INPUT name=resKeyword type=checkbox value=&quot;quirky&quot;>quirky<br>
<INPUT name=resKeyword type=checkbox value=&quot;strong&quot;>strong<br>
<INPUT name=resKeyword type=checkbox value=&quot;rebellious&quot;>rebellious<br>
<INPUT name=resKeyword type=checkbox value=&quot;scruffy&quot;>scruffy
<INPUT name=resKeyword type=checkbox value=&quot;seductive&quot;>seductive<br>
<INPUT name=resKeyword type=checkbox value=&quot;sexy&quot;>sexy<br>
<INPUT name=resKeyword type=checkbox value=&quot;suave&quot;>suave<br>
<INPUT name=resKeyword type=checkbox value=&quot;tattoed&quot;>tattoed<br>
<INPUT name=resKeyword type=checkbox value=&quot;threatening&quot;>threatening<br>
<INPUT name=resKeyword type=checkbox value=&quot;villainous&quot;>villainous<br>


So the value I recieve on my ASP page is &quot;beautiful, charismatic, ...&quot;

Now, here's a trick: I only want users to be able to select 5 checkboxes.
Is there any way I can count these checkboxes CLIENT SIDE even though they all have the same name?

Thanks in advance.

<Dmitriy>
dbrom@crosswinds.net

 

[TechnicalAnalysis]

Just a quick idea.
You can run a loop through all checkboxes to see if it has been checked and built in a counter inside the loop. If the counter counts more than 5 generate an alert message else submit the form.

Please post back if you need the code.

Regards

http://www.technical.analysis.dingojunction.com

 

[ToddWW]

Here you go.. Copy the document below and run it in your browser for a test. You can set the minimum and maximum checkboxes allowed before the form will submit.

Important: The script will only examine checboxes with the name resKeyword and you don't want to give any other elements (other than the checkboxes you want to validate) that name.

Have Fun.



<html>
<head>
<script Language=&quot;JavaScript&quot;>
<!--

function checkForm(form_obj) {

var minChecked = 1 // Set Minimum Allowed Here
var maxChecked = 5 // Set Maximum Allowed Here

var boxCount = 0

for (var m = 0; m < form_obj.elements.length; m++) {
if (form_obj.elements[m].name == &quot;resKeyword&quot {
if (form_obj.elements[m].checked == true) {
boxCount = boxCount + 1
}
}
}
if (boxCount < minChecked) {
window.alert(&quot;Sorry, you must check at least &quot; + minChecked.toString())
return false
} else if (boxCount > maxChecked) {
window.alert(&quot;Sorry, a maximum of &quot; + maxChecked.toString() + &quot; are allowed. You have checked a total of &quot; + boxCount.toString() + &quot;.&quot
return false
}
return true
}
//-->
</script>
<body>
Set the minimum and maximum checkboxes allowed as the minChecked and maxChecked variables in the JavaScript function.<br><br>
<form name=&quot;myform&quot; method=&quot;post&quot; onSubmit=&quot;return checkForm(this);&quot;>
<INPUT name=resKeyword type=checkbox value=&quot;beautiful&quot;>beautiful<br>
<INPUT name=resKeyword type=checkbox value=&quot;body builder&quot;>body builder<br>
<INPUT name=resKeyword type=checkbox value=&quot;bombshell&quot;>bombshell<br>
<INPUT name=resKeyword type=checkbox value=&quot;charismatic&quot;>charismatic<br>
<INPUT name=resKeyword type=checkbox value=&quot;charming&quot;>charming<br>
<INPUT name=resKeyword type=checkbox value=&quot;comedic&quot;>comedic<br>
<INPUT name=resKeyword type=checkbox value=&quot;commanding&quot;>commanding<br>
<INPUT name=resKeyword type=checkbox value=&quot;cute&quot;>cute<br>
<INPUT name=resKeyword type=checkbox value=&quot;dark&quot;>dark<br>
<INPUT name=resKeyword type=checkbox value=&quot;edgy&quot;>edgy<br>
<INPUT name=resKeyword type=checkbox value=&quot;enchanting&quot;>enchanting<br>
<INPUT name=resKeyword type=checkbox value=&quot;energetic&quot;>energetic<br>
<INPUT name=resKeyword type=checkbox value=&quot;exotic&quot;>exotic<br>
<INPUT name=resKeyword type=checkbox value=&quot;focused&quot;>focused<br>
<INPUT name=resKeyword type=checkbox value=&quot;full figured&quot;>full figured<br>
<INPUT name=resKeyword type=checkbox value=&quot;fun&quot;>fun<br>
<INPUT name=resKeyword type=checkbox value=&quot;funny&quot;>funny<br>
<INPUT name=resKeyword type=checkbox value=&quot;gorgeous&quot;>gorgeous<br>
<INPUT name=resKeyword type=checkbox value=&quot;goth&quot;>goth<br>
<INPUT name=resKeyword type=checkbox value=&quot;handsome&quot;>handsome<br>
<INPUT name=resKeyword type=checkbox value=&quot;helpful&quot;>helpful<br>
<INPUT name=resKeyword type=checkbox value=&quot;innocent&quot;>innocent<br>
<INPUT name=resKeyword type=checkbox value=&quot;insightful&quot;>insightful<br>
<INPUT name=resKeyword type=checkbox value=&quot;inspirational&quot;>inspirational<br>
<INPUT name=resKeyword type=checkbox value=&quot;interesting&quot;>interesting<br>
<INPUT name=resKeyword type=checkbox value=&quot;intelligent&quot;>intelligent<br>
<INPUT name=resKeyword type=checkbox value=&quot;jovial&quot;>jovial<br>
<INPUT name=resKeyword type=checkbox value=&quot;little person&quot;>little person<br>
<INPUT name=resKeyword type=checkbox value=&quot;loyal&quot;>loyal<br>
<INPUT name=resKeyword type=checkbox value=&quot;magnetic&quot;>magnetic<br>
<INPUT name=resKeyword type=checkbox value=&quot;matron&quot;>matron<br>
<INPUT name=resKeyword type=checkbox value=&quot;paternal&quot;>paternal<br>
<INPUT name=resKeyword type=checkbox value=&quot;physical&quot;>physical<br>
<INPUT name=resKeyword type=checkbox value=&quot;pock marked&quot;>pock marked<br>
<INPUT name=resKeyword type=checkbox value=&quot;punk&quot;>punk<br>
<INPUT name=resKeyword type=checkbox value=&quot;quirky&quot;>quirky<br>
<INPUT name=resKeyword type=checkbox value=&quot;strong&quot;>strong<br>
<INPUT name=resKeyword type=checkbox value=&quot;rebellious&quot;>rebellious<br>
<INPUT name=resKeyword type=checkbox value=&quot;scruffy&quot;>scruffy
<INPUT name=resKeyword type=checkbox value=&quot;seductive&quot;>seductive<br>
<INPUT name=resKeyword type=checkbox value=&quot;sexy&quot;>sexy<br>
<INPUT name=resKeyword type=checkbox value=&quot;suave&quot;>suave<br>
<INPUT name=resKeyword type=checkbox value=&quot;tattoed&quot;>tattoed<br>
<INPUT name=resKeyword type=checkbox value=&quot;threatening&quot;>threatening<br>
<INPUT name=resKeyword type=checkbox value=&quot;villainous&quot;>villainous<br><br>
<INPUT type=&quot;submit&quot; Value=&quot;Submit&quot;>
</form>
</body>
</html>


Regards,

TW

 

[dbrom]

Todd, thanks a million!!!

That is exactly what I was looking for!


<Dmitriy>
dbrom@crosswinds.net