如果在编辑页面上选中了复选框,如何显示div

时间:2017-09-10 15:11:24

标签: javascript php html

我正在为我的用户制作一个编辑页面,让他们编辑这些页面信息,但我无法理解为什么我的代码不起作用...

<div > 
 <input type="checkbox" name="Example" <?php if($Example=='1') {echo'checked';}?> value="1" onload="Check()" onclick="Check()"  class="Check"/> Some text <br>
 </div>

<div class="input" style="display:none;">
  <input type="text" name="abc" class="input" > Som e text <br>
</div>

<script type="text/javascript">
            function Check() {
                var checkbox=document.getElementsByClassName('Check')[0];
                var example=document.getElementsByClassName('input')[0];
                if(checkbox.checked){
                    example.style.display='block';
                }else{
                    example.style.display='none';
                }
            }
</script>

我想要显示输入字段,不仅在用户单击复选框时,而且当用户具有$ Example时,值为1.($ Example的值是用户在数据库中插入的值在注册时,这个值可能是1或0)我没有错误! 感谢您的阅读,希望您有一天的安慰!

1 个答案:

答案 0 :(得分:1)

您需要最初运行Check()函数以确保在用户与表单交互之前设置了正确的状态 - 否则这只会在用户更改状态后发生。

\