javascript - Uncaught ReferenceError : parentsCheck is not defined

Question

我对 JS 很陌生，但我正在尝试创建一个复选框，选中该复选框时将显示 id 为“second_row”的 div，未选中时将隐藏它(默认情况下未选中)。我缺少一些代码吗？我的语法不正确吗？我真的需要一些帮助。感谢您为新手提供帮助!

HTML:

<input type="checkbox" name="under_18" id="under_18" class="check" value="under_18" form="contest_form" onclick="parentsCheck()" />

JavaScript:

<script>

function parentsCheck()
{
  var check1 = document.getElementById('under_18'),

    if (check1.checked === true) { 
      document.getElementById('second_row').style.display = 'block';
    }
    else if (check1.checked === false) { 
      document.getElementById('second_row').style.display = 'none';
    }
}

</script>

附注不知道这是否重要，但复选框位于表格单元格中。

Answer 1

var 语句末尾的 , 应该是 ;。

它会导致 SyntaxError，导致 JavaScript block 被有效忽略，因此 parentsCheck() 永远不会被定义。

var check1 = document.getElementById('under_18');

http://jsfiddle.net/tYv28/

<小时/>

顺便说一句，check1.checked将始终返回一个 bool 值，因此您不需要执行=== true和 === false 比较；以下内容就可以正常工作:

function parentsCheck()
{
  var check1 = document.getElementById('under_18');

    if (check1.checked) { 
      document.getElementById('second_row').style.display = 'block';
    } else { 
      document.getElementById('second_row').style.display = 'none';
    }
}