在页面加载时打开或关闭 DIV（基于复选框状态）

Question

我目前有一个表单..（.php 页面）

在按钮点击/提交时运行一个小 .js 函数来做一些小的表单验证检查..等等（检查字段是否填写..等等）

然后发布输入/提交内容的“审查”状态（发布到自身）..

如果正确，请单击提交按钮..

如果 - 不正确，则单击 EDIT 按钮..（并返回原​​始 -sticky- 表单，您输入原始数据的地方进行编辑）..

在我的主/普通表单中..我有一个 2 个复选框，如果选中..在它下面显示一个 DIV...取消选中复选框，并且不显示 div..

我的问题或疑问是..当用户想要编辑输入的详细信息时..（单击编辑按钮）..并返回主表单..

如何根据复选框是否被选中来显示或隐藏该 DIV？

目前..复选框“状态”正在保存..并重新发布到页面..复选框本身正在记住/显示当前/正确状态...

但我需要能够检查此复选框状态（在页面加载时？）以在编辑模式下显示或隐藏该 DIV..

我希望这是有道理的。

似乎我只需要一个小功能来检查复选框的值..如果选中任何一个，则显示 div...

也许有点 jQuery？ php $_POST[] 检查？..然后以某种方式从 php 调用 jQuery 函数？

总结一下：

我有一个使用 PHP $_POST[] 变量“设置”复选框的页面... 我需要检查是否设置了此复选框.. 如果设置了.. 在下面显示一个 div..

这是我目前的尝试：

（我把它放在页面底部之前

但是我不能让它工作..如果我去掉除了警报之外的所有东西..警报会触发..但是如果我在那里保持警报..以及之后的后续行.. nothign 触发/工作（不是甚至警报）

$(document).ready(function(){
    alert("function check");
    alert(document.getElementById('#inhonor').checked);
    if(document.getElementById('#inhonor').checked){
        alert("function fired");
        document.getElementById('#hm_Form').style.display = checked ? 'block' : 'none';
    });                 
});

如果我只是把它放在函数中：alert("function check");

它会触发..

如果我向它添加任何其他内容..（该功能永远不会触发。没有警报..没有 DIV 显示..等等）

建议？

感谢任何建议。

谢谢！

Answer 1

似乎有一个语法错误.. 一个额外的 ')' 隐藏在其中。 :)

$(document).ready(function(){
    if(document.getElementById('#inhonor').checked){
        alert("function fired");
        document.getElementById('#hm_Form').style.display = checked ? 'block' : 'none';
    };                 
});