javascript - 简单的 JavaScript 检查不起作用？

Question

我有这个验证表单功能:

function ValidateForm() {
    var chks = document.register.elements['sendto[]'];
    var hasChecked = false;
    for (var i=0;i<chks.length;i++){
        if (chks[i].checked){
            hasChecked = true;
            break;
        }
    }
    if (!hasChecked){
        alert("Please select at least one friend.");
        chks[0].focus();
        return false;
    }
}

html 是:

<input type="checkbox" name="sendto[]" value="2" >

我知道这不是完整的代码。完整的代码很大。但基本上，如果我在代码中只有一个复选框，则上面的代码会在 ValidateForm() 上给出一条未定义的消息。当提交表单并且选中上面的复选框时调用它。

但是如果我在代码中有两个复选框，如下所示:

<input type="checkbox" name="sendto[]" value="2" >
<input type="checkbox" name="sendto[]" value="4" >

在提交时调用 ValidateForm() 函数时，此功能可以正常工作。我是否做错了什么，即使选中了 1 个复选框，它也不起作用？

Answer 1

声明

var chks = document.register.elements['sendto[]'];

获取名称为 sendto[] 的元素(元素*s*，如果有多个)如果只有一个名为 sendto[] 的元素那么你就可以在 chks 中找到该元素的引用.
如果有多个名称为 sendto[] 的元素，然后chks保存对这些元素的数组的引用。

当你这样做时:

 for (var i=0;i<chks.length;i++){

您尝试基于 chks.length 进行循环。如果chks是一个数组(参见上文:当有多个名称为 sendto[] 的元素时)，则 chks.length将保存数组中的元素数量。
如果只有一个sendto[]元素，那么 chks 将保存该元素，并且由于该元素 ( <input type="checkbox" name="sendto[]" value="2" > ) 没有名为 length 的属性，浏览器显示长度未定义

因此，当只有一个 sendto[] 时，您必须区分两种情况。复选框，当有多个时:

var chks = document.register.elements['sendto[]'];
    var hasChecked = false;
//Check whether there is one checkbox or whether there are more    
if(chks.length) 
{
   for (var i=0;i<chks.length;i++)
   {
      if (chks[i].checked)
      {
         hasChecked = true;
         break;
      }
   }
}
else
{
   if(chks.checked)
   {
      haschecked = true;
   }
}

<子>PS:
代码给出了一条未定义的消息 ValidateForm() 并没有传达太多信息。即使对您来说也不清楚这意味着什么(这就是您问这个问题的原因)。尝试提供更多细节。任何现代浏览器都会提供有关未定义的更多详细信息，什么是未定义的哪一行等。即使是史前浏览器也会告诉您引发未定义错误的行号。通过这些详细信息，您可以尝试找到线路并尝试查看发生了什么。您很可能会发现。如果您不这样做，请将其连同所有这些详细信息发布到此处的社区。