Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Chriss Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

specific number of checkboxes

Status
Not open for further replies.
Willette

Willette

Technical User
Joined
Jul 15, 2002
Messages
2
Location
US
A client needs a specific number of option boxes checked, namely 25, no more, no less. Since I am not a programmer I need help!
Does anyone have a suggestion on how to handle this page?

Thanks in advance.
 
Sort by date Sort by votes
You can do a circle to estimate.
(Sorry!My English is not very well.)
 
Upvote 0 Downvote
Hi.

Try this code....
Code: 
<html>
<head>
<script language=javascript>
  function chkSelected() {
    var min = 3;
    var max = 5;
    var howmany = document.myform.elements.length;
    var nchecked = 0;
    for (var i = 0; i < howmany; i++) {
      if (document.myform.elements[i].checked == true)
        nchecked = nchecked + 1;
    }
    if (nchecked < min) {
      alert(&quot;You have only selected &quot; + nchecked + &quot; item(s).\n\nPlease select at least &quot; + min + &quot; item(s).&quot;);
      return false;
    }
    if (nchecked > max) {
      alert(&quot;You have selected &quot; + nchecked + &quot; item(s).\n\nPlease select a maximum of &quot; + min + &quot; item(s).&quot;);
      return false;
    }
  }
</script>
</head>
<body>
<form name=&quot;myform&quot;>
Checkbox Example<br>
<table width=100%>
<tr>
<td>
  <div align=&quot;left&quot;>
    <p><font size=&quot;1&quot;>
    <input type=&quot;checkbox&quot; value=&quot;WHITE&quot; name=&quot;option|1|TDG11sp&quot;><b><font face=&quot;Arial&quot;>WHITE</font></b><br>
    <input type=&quot;checkbox&quot; value=&quot;BLACK&quot; name=&quot;option|2|TDG11sp&quot;><b><font face=&quot;Arial&quot;>BLACK</font></b><br>
    <input type=&quot;checkbox&quot; value=&quot;LT GREY&quot; name=&quot;option|3|TDG11sp&quot;><b><font face=&quot;Arial&quot;>LT GREY</font></b><br>
    <input type=&quot;checkbox&quot; value=&quot;MED GREY&quot; name=&quot;option|4|TDG11sp&quot;><b><font face=&quot;Arial&quot;>MED GREY</font></b><br>
    <input type=&quot;checkbox&quot; value=&quot;DK GREY&quot; name=&quot;option|5|TDG11sp&quot;><b><font face=&quot;Arial&quot;>DK GREY</font></b><br>
    <input type=&quot;checkbox&quot; value=&quot;LT BLUE&quot; name=&quot;option|6|TDG11sp&quot;><b><font face=&quot;Arial&quot;>LT BLUE</font></b><br>
    <input type=&quot;checkbox&quot; value=&quot;MED BLUE&quot; name=&quot;option|7|TDG11sp&quot;><b><font face=&quot;Arial&quot;>MED BLUE</font></b><br>
    <input type=&quot;checkbox&quot; value=&quot;POST BLUE&quot; name=&quot;option|8|TDG11sp&quot;><b><font face=&quot;Arial&quot;>POST BLUE</font></b><br>
    <input type=&quot;checkbox&quot; value=&quot;ROYAL&quot; name=&quot;option|9|TDG11sp&quot;><b><font face=&quot;Arial&quot;>ROYAL</font></b><br>
    <input type=&quot;checkbox&quot; value=&quot;TEAL&quot; name=&quot;option|10|TDG11sp&quot;><b><font face=&quot;Arial&quot;>TEAL</font></b><br>
    <input type=&quot;checkbox&quot; value=&quot;NAVY&quot; name=&quot;option|11|TDG11sp&quot;><b><font face=&quot;Arial&quot;>NAVY</font></b></font></p>
  </div>
</td>
</tr>
</table>
<div align=center>
<input type=button name=wb_button value=&quot;Submit Colors&quot; onClick=&quot;chkSelected()&quot;>
</div>
</form>
</body>
</html>

Hope this helps,
Jessica
 
Upvote 0 Downvote
One correction though...

Only check this property on input types of checkboxes.
Code: 
    for (var i = 0; i < howmany; i++) {
      if (document.myform.elements[i].type = &quot;checkbox&quot; && document.myform.elements[i].checked == true)
        nchecked = nchecked + 1;
    }
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

Mike Lewis
  • Locked
  • Question Question
Anyone here got any experience of Grid.JS (a sortable Javascript grid)
Replies
5
Views
2K
Mike Lewis
Mike Lewis
jomat
  • Locked
  • Question Question
JS to show the timer in html under title instead of in the status bar
Replies
2
Views
1K
xwb
xwb
malpa
  • Locked
  • Question Question
Graph the selection of a html table row
Replies
0
Views
1K
malpa
malpa
coldbohemia
  • Locked
  • Question Question
jquery function always returns contents of the same table cell, no matter which table cell i click
Replies
0
Views
902
coldbohemia
coldbohemia
CrxC01
  • Locked
  • Question Question
Sum of all primes numbers
Replies
6
Views
618
CrxC01
CrxC01

Part and Inventory Search

Sponsor

Back
Top