使用 javascript 捕获数组并使用数组的值

Question

我有以下表格：

echo '<form method="post" id="myForm" onsubmit="return formComp()">';
foreach($array as $value){
   echo '<input type="checkbox" name="check[]" value="$value">';
}
echo '<input type="submit" name="ok" value="OK">';
echo '</form>';

和javascript：

function formComp(){
    var theForm=document.getElementById("myForm");
    var a = theForm.elements['check[]'];
    for( var i=1; i<a.length; i++){
        if(!a[i].checked){
            alert('Select an option');
            return false;
        }
        else{
            return true;
            break;
        }
    }
}

我正在捕获一个 php 数组，并在循环中使用它，以便我可以检查每个选项是否符合要求（如果已检查）。问题是即使我检查一个选项它也不会停止。当至少一个选项被选中时，我需要循环停止并返回 true，以便提交。

编辑：顺便说一句，当我检查每个选项时，该函数返回 true。但是当至少一个选项被选中时，我不能让它返回 true。

Answer 1

您的代码主要是这样做的，但它会跳过第一个输入，如果发现未检查的内容，它会返回false；相反，它应该继续检查：

function formComp(){
    var theForm=document.getElementById("myForm");
    var a = theForm.elements['check[]'];
    for( var i=0; i<a.length; i++){      // Start at 0, not 1
                                         // Don't do anything here if unchecked
        if(a[i].checked){                // We found a checked one, so
            return true;                 // we can return true now
                                         // No `break` here
        }
    }
    alert('Select an option');           // NOW tell them to choose something...
    return false;                        // ...and return false, since none are checked
}

例子：

function formComp(){
  var theForm=document.getElementById("myForm");
  var a = theForm.elements['check[]'];
  for( var i=0; i<a.length; i++){
    if(a[i].checked){
      return true;
    }
  }
  alert('Select an option');
  return false;
}
function test() {
  var rv = formComp();
  alert("formComp result: " + rv);
}

<form id="myForm">
<input type="checkbox" name="check[]" value="1">
<input type="checkbox" name="check[]" value="2">
<input type="checkbox" name="check[]" value="3">
<input type="checkbox" name="check[]" value="4">
<input type="button" value="Test" onclick="test()">
</form>

Answer 2

问题是只有在检查了所有元素时才打破循环。这将导致alert() 垃圾邮件。

function formComp(){
    var theForm=document.getElementById("myForm");
    var a = theForm.elements['check[]'];
    var isnotchecked = 0;
    for( var i=0; i<a.length; i++){
        if(!a[i].checked){
           isnotchecked = 1;
           break;
        }
    }
    if(isnotchecked){
        alert('at least one of em is not checked!');
        return false;
    }else{
        return true;
    }
}

或者，如果必须检查提交：

function formComp(){
    var theForm=document.getElementById("myForm");
    var a = theForm.elements['check[]'];
    var ischecked = 0;
    for( var i=0; i<a.length; i++){
        if(a[i].checked){
           ischecked = 1;
           break;
        }
    }
    if(ischecked){
        return true;
    }else{
        alert('select at least one option!');
        return false;
    }
}