Checkbox select limit

**Adem** · 12-18-2012 08:13 PM

Hello again,

I'm sorry my English is bad

I'm Checkboxes create here:

PHP Code:


<?php while ($row = mysql_fetch_array($sql)) { ?>

<p><input type="checkbox" id="<?=$row['type']?>" name="deneme[]"></p>

<?php } ?>

Checkboxes created here:
<form method="POST">
<p><input type="checkbox" id="QUAD" name="deneme[]"></p>
<p><input type="checkbox" id="QUAD" name="deneme[]"></p>
<p><input type="checkbox" id="QUAD" name="deneme[]"></p>
<p><input type="checkbox" id="MDU" name="deneme[]"></p>
<p><input type="checkbox" id="QUAD" name="deneme[]"></p>
<p><input type="checkbox" id="QUAD" name="deneme[]"></p>
<input type="submit" value="Submit" name="B1">
</form>

Rules:
Min select: 1
Max select: 3
AND
Except this:
<p><input type="checkbox" id="MDU" name="deneme[]"></p>

without the use of name="deneme[]"
using the id="QUAD"

How can I do this?

Thanks in advance

**JMRKER** · 12-19-2012 10:11 PM

ID values in JS must be unique. By my count you have use 'QUAD' 5 times with the intent of using it again.
You can have duplicate name values if they are considered as a group, but it is not necessary for checkboxes.

**Adem** · 12-20-2012 12:56 AM

Sequence I'm add number: QUAD1

<form method="POST">
<p><input type="checkbox" id="QUAD1" name="deneme[]"></p>
<p><input type="checkbox" id="QUAD2" name="deneme[]"></p>
<p><input type="checkbox" id="QUAD3" name="deneme[]"></p>
<p><input type="checkbox" id="MDU" name="deneme[]"></p>
<p><input type="checkbox" id="QUAD5" name="deneme[]"></p>
<p><input type="checkbox" id="QUAD6" name="deneme[]"></p>
<input type="submit" value="Submit" name="B1">
</form>

**JMRKER** · 12-20-2012 09:31 AM

With the following, you do not need the name="deneme[]", unless it is required elsewhere.
Note also that the MDU could be changed to QUAD4 with no effect.

Code:

<!DOCTYPE HTML>
<html>
<head>
<title> Untitled </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

</head>
<body>
<form method="POST" action="#" onsubmit="return countCBox()"> <!-- for testing purposes only -->
<div id="cBox">
 <p><input type="checkbox" id="QUAD1" name="deneme[]"> Quad 1 </p>
 <p><input type="checkbox" id="QUAD2" name="deneme[]"> Quad 2 </p>
 <p><input type="checkbox" id="QUAD3" name="deneme[]"> Quad 3 </p>
 <p><input type="checkbox" id="MDU" name="deneme[]"> MDU </p>
 <p><input type="checkbox" id="QUAD5" name="deneme[]"> Quad 5 </p>
 <p><input type="checkbox" id="QUAD6" name="deneme[]"> Quad 6 </p>
</div>
<input type="submit" value="Submit" name="B1">
</form> 
<script type="text/javascript">
// For: http://www.webdeveloper.com/forum/showthread.php?270321-Checkbox-select-limit&p=1241005#post1241005

function countCBox() {
  var count = 0;
  var sel = document.getElementById('cBox').getElementsByTagName('input');
  for (var i=0; i<sel.length; i++) {
    if (sel[i].checked) { count++; }
  }
  if ((count < 1) || (count > 3)) { alert('Too few/many checks'); return false; }
  return true;
}  
</script>

</body>
</html>

**Adem** · 12-23-2012 02:15 PM

Thank you very much for your reply

It didn't work the way I want

This is mandatory and required, name="deneme[]"

This is not necessarily, id="" ,

should be mandatory to select one, But, MDU except labeled

**JMRKER** · 12-23-2012 03:22 PM

I don't understand what the problem is then.

What part did not work the way you want?
What do you mean that the id="" is not necessary?
I don't understand the last statement in bold

Thread: Checkbox select limit

Thread Tools

Display

Checkbox select limit

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions