www.webdeveloper.com
Results 1 to 6 of 6

Thread: Checkbox select limit

  1. #1
    Join Date
    Oct 2012
    Location
    istanbul
    Posts
    64

    Checkbox select limit

    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

  2. #2
    Join Date
    Dec 2005
    Location
    FL
    Posts
    7,354
    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.

  3. #3
    Join Date
    Oct 2012
    Location
    istanbul
    Posts
    64
    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>

  4. #4
    Join Date
    Dec 2005
    Location
    FL
    Posts
    7,354

    Lightbulb

    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>

  5. #5
    Join Date
    Oct 2012
    Location
    istanbul
    Posts
    64
    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

  6. #6
    Join Date
    Dec 2005
    Location
    FL
    Posts
    7,354

    Question

    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 Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles