ATTENTION: You are viewing a page formatted for mobile devices; to view the full web page, click HERE.

Other Software > Developer's Corner

How to tell if any check boxes are checked?

(1/1)

OptimalDesigns:
I have several check boxes a user can select for various classes. If one or more check boxes are selected, then ooo . Please test it. Here is the html code at present:

--- ---</script>
    function myHideShow() {

    var checkboxes = document.getElementById("interest[]");
    var user = document.getElementById("username");
    var email = document.getElementById("email");
    var submit = document.getElementById("submit");

    if ((checkboxes.checked)) {
//      echo("You didn't select any check boxes.");
        user.disabled = true;
        email.disabled = true;
        submit.disabled = true; }
    else {
//      echo("You did select at least one check box.");
        user.disabled = false;
        email.disabled = false;
        submit.disabled = false;
    }
  }
</script>

<!DOCTYPE html> <html> <head> </head> <body>
  <form name='calculusclassform' method="post" action="">
    <fieldset>
      <legend>Choose your <b>Class</b> interests</legend>
      <input type="checkbox" id="oil" name="interest[]" value="Oil Refinery Optimization" onclick="myHideShow()">
      <label for="oil">Oil Refinery Optimization</label>
      <span>Crude oil ...</span>

<p id="text" style="display:none">Checkbox is CHECKED!</p>

      <input type="checkbox" id="curvfit" name="interest[]" value="Curve Fitting Data sets" onclick="myHideShow()">
      <label for="curvfit">Curve Fitting Data sets</label>
      <span>Have a curve fitting problem? ...</span>
      <input type="checkbox" id="coding" name="interest[]" value="Calculus-level Coding" onclick="myHideShow()">
      <label for="coding">Calculus-level Coding</label>
      <span> languages ... </span>
      <h3>Classes are free, but in return, we ask you to share these class offerings with 5+ others.  Thanks.</h3>
      <span>             Name:</span>
      <input type="name" name="username" id="username" disabled><br>
      Email Address:
      <input type="email" name="email" id="email" disabled><br><br>
      <input type="submit" value="Submit" id="submit" disabled>
    </fieldset>
  </form>
</body> </html>

Running this JS script code if ((checkboxes.checked)) is my problem. Ideas? Trying to test if any checkboxes are checked.

Navigation

[0] Message Index

Go to full version