验证复选框

Question

你好
我有一个JS函数说

for(var i = 0; i < document.calDailyBlock.selFilCheckBox.length; i++)  
{  
  if(document.calDailyBlock.selFilCheckBox[i].checked)  
  {  
     filteredInitId += document.calDailyBlock.selFilCheckBox[i].value + ",";  
     alert(filteredInitId);  
     isProjCheck = true;  
  }  
}  
document.calDailyBlock.filteredComId.value = filteredInitId;  

当页面上没有复选框并且我尝试单击调用此函数的Filter按钮时，我收到错误“document.calDailyBlock.selFilCheckBox.length'为null或不是对象”

我可以在这个函数中添加任何简单的东西吗？

也有人可以帮我检查一页上是否只有一个复选框？

提前致谢

Answer 1

我认为你依赖于某些浏览器的一个相当模糊（非官方）的功能，它允许你从文档中获取一个元素，就像它是一个属性一样。 换句话说，你要去：

document.calDailyBlock

这是在文档中搜索变量calDailyBlock 。 相反，您应该使用标准化的getElementById ：

document.getElementById("calDailyBlock")

并使用相同的方法获取selFilCheckBox 。

如果calDailyBlock或selFilCheckBox这将返回null。 在你调用它们的length （它给出了这个错误）之前，你应该检查你是否回到null，然后（我想）默默地失败（不做任何事情）。

Answer 2

为了避免错误使用if：

if(document.calDailyBlock.selFilCheckBox) {
  for(var i = 0; i < document.calDailyBlock.selFilCheckBox.length; i++)  
  { … }
}