Javascript HTML未执行OnClick脚本

因此，我在我的页面上有一个复选框，如果点击，应该会显示一些隐藏的内容

<form onSubmit="return builder()">
Check this to reveal the hidden part <input type="checkbox" name="check" onClick="return show()" />
<div id="hide" style="display:none">hidden part</div>
(...more irrelevant code...)
</form>

但它根本不执行它，我插入了一个警报（“嗨”），什么也没有弹出。我做错了什么

---

另外，请不要使用jQuery。

更改您的

显示功能：

function show(ref){
 if (ref.checked)
   document.getElementById("hide").style.display = "block";
else 
 document.getElementById("hide").style.display = "none";
}

函数显示（）{
if（document.getElementsByName（“检查”）[0]。已检查）
{document.getElementById（“hide”）.style.display=“block”}
其他的
{document.getElementById（“隐藏”）.style.display=“无”；}
}

它是
getElementsByName
，而不是
getElementByName


此外，请修改您的表单：

选中此项以显示隐藏部分

您不需要返回
。
您可以这样编写函数：

 <input type="checkbox" name="check" onClick="show(this);" />

这应该可以工作。
getElementsByName返回一个包含标记名列表的数组，因此您需要使用document.getElementsByName（“检查”）[0]而不是document.getElementsByName（“检查”）。检查下面的代码..它可以工作。。干杯

<script>
function show() {

if (document.getElementsByName("check")[0].checked) 
{document.getElementById("hide").style.display = "block";}
else 
{document.getElementById("hide").style.display = "none";} 



}


</script>
<form onSubmit="return builder()">
Check this to reveal the hidden part <input type="checkbox" name="check" onClick="return show()" />
<div id="hide" style="display:none">hidden part</div>

</form>

</html>



函数show（）{
if（document.getElementsByName（“检查”）[0]。已检查）
{document.getElementById（“hide”）.style.display=“block”}
其他的
{document.getElementById（“隐藏”）.style.display=“无”；}
}
选中此项以显示隐藏的部分
隐藏部分
aaah非常感谢您！这对我起了作用。（你还是忘记了if和else之后的括号；P）@user3673616，当我们在if或else之后写单行语句时，我们不需要打开括号。如果在if（）和else之后编写单行语句，则括号是可选的：D（快乐编码）
<script>
function show() {

if (document.getElementsByName("check")[0].checked) 
{document.getElementById("hide").style.display = "block";}
else 
{document.getElementById("hide").style.display = "none";} 



}


</script>
<form onSubmit="return builder()">
Check this to reveal the hidden part <input type="checkbox" name="check" onClick="return show()" />
<div id="hide" style="display:none">hidden part</div>

</form>

</html>