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

时间:2014-01-06 15:29:40

标签: forms html post

我目前有一个表格..(.php页面)

按钮点击/提交时会运行一些.js函数来执行一些小的表单验证检查..等等..(检查字段是否已填写......等等)

然后发布输入/提交内容的“审核”状态(发布给自己)..

如果正确,请单击“提交”按钮..

如果 - 不正确,则单击编辑按钮..(并返回到原始的 - 形式,输入原始数据,进行编辑)..

以我的主要/普通形式..我有一个2个复选框,如果选中..显示它下面的DIV ...取消选中复选框,并且不显示div ..

我的问题或疑问是..当用户想要编辑输入的详细信息时...(单击编辑按钮)..然后返回主页表单..

如果选中复选框,我该如何显示或隐藏DIV?

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

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

我希望这是有道理的。

好像我只需要一个小函数来检查复选框值..如果选中其中一个,则显示div ...

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

总结:

我有一个使用PHP $ _POST []变量的复选框'set'的页面... 我需要检查这个复选框是否设置..如果是这样..显示下面的div ..

这是我目前的尝试:

(我将此放在页面底部

之前

然而我不能让它工作..如果我除去每个标志,但警报..警报开火......但如果我在那里保持警惕..以及之后的行... nothign fires / work(not甚至警报)

$(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显示..等等)

建议?

感谢任何建议。

谢谢!

1 个答案:

答案 0 :(得分:0)

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

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