[JavaScript] JavaScript检测表单中checkbox被选中的数量 →→→→→进入此内容的聊天室

来自 , 2019-06-25, 写在 JavaScript, 查看 125 次.
URL http://www.code666.cn/view/c68bd905
  1. <form name="form3" action="#">
  2.  
  3. <div>Who are your favorite browncoats?  Please select all that apply to you:
  4.  
  5. <input type="checkbox" name="Zoe" />Zoe
  6. <input type="checkbox" name="Mal" />Mal
  7. <input type="checkbox" name="Inara" />Inara
  8. <input type="checkbox" name="Kaylee" /> Kaylee
  9. <input type="checkbox" name="River" />River
  10. <input type="checkbox" name="Simon" /> Simon
  11. </div>
  12. <input type="submit" name="NEXT" value="GO! " />
  13. </form>
  14. <script type="text/javascript" ><!--
  15. //returns how many checkboxes in the form are checked
  16. function howManyChecks(form) {
  17.    var selections = 0;
  18.         for (var i=0; i<form.length; i++) {
  19.           var theElement = form.elements[i];
  20.           if(theElement.type == "checkbox") {
  21.               if(theElement.checked == true) {
  22.                  selections++
  23.               }
  24.           }
  25.       }
  26.    return selections
  27. }
  28. function validate() {
  29.    var num = howManyChecks(document.forms["form3"])
  30.    if( num == 0) {
  31.       alert("Please make a selection.");
  32.    } else {
  33.       alert("Number of favorite characters: "+num)
  34.    }
  35.    return false;
  36. }
  37. document.forms["form3"].elements["NEXT"].onclick=validate;
  38. //-->
  39. </script>
  40. //javascript/8337

回复 "JavaScript检测表单中checkbox被选中的数量"

这儿你可以回复上面这条便签

captcha