无法使用javascript获取该属性的值

Question

我收到错误“无法获取属性的值'已选中”，对象为空或未定义。点击复选框时。

表单的名字是'test'，我想根据第一个被选中的复选框显示更多的输入字段，如果他们经过它，我不想显示其他字段。

这里的脚本：

function showhidefield() 
{ 
    if (document.test.submode.checked) { 
     document.getElementById("hideablearea").style.display = "block"; 
    } else { 
     document.getElementById("hideablearea").style.display = "none"; 
    } 
} 

这里是我的输入线：

<input type="checkbox" name="submode" onclick="showhidefield()"> 

有没有一种办法可以让我的JS更坚实所以它的工作原理这个其他网页上，并在任何浏览器？

Answer 1

页面上并不总是会有<form>，其名称为"test"。

你可以把它没有ID的工作原理，通过使用this引用当前元素：

<input type="checkbox" name="submode" onclick="showhidefield(this, 'hideablearea')"> 

的JavaScript：

function showhidefield(element, id) 
{ 
    var node = document.getElementById(id); 

    if (node) { 
    node.style.display = element.checked ? 'block' : 'none'; 
    } 
} 

Demo

的第一个参数的函数是复选框本身，第二个参数是您希望显示或隐藏的元素的ID。

Answer 2

将复选框上的ID，并使用getElementById。这比其他方法更可靠，因为ID必须是唯一的。