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

我正在为我的用户制作一个编辑页面，让他们编辑他们的信息，但我不明白为什么我的代码不起作用

<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>

您首先需要运行Check（）函数，以确保在用户与表单交互之前设置了正确的状态，否则这只会在用户更改状态后发生



一些文本

Som e文本

检查（）//确保我们设置了正确的初始状态
函数检查（）{
var checkbox=document.getElementsByClassName（'Check'）[0]；
var示例=document.getElementsByClassName（'input'）[0]；
如果（复选框。选中）{
示例.style.display='block'；
}否则{
示例.style.display='none'；
}
}
当页面显示时，您会得到什么，并描述您想要什么，以便我们可以根据您的要求解决。@Deepansh Sachdeva更新！很高兴知道。请提供您是如何修复它的答案。我希望不仅在用户单击复选框时显示输入字段，而且在用户具有$Example值1时显示输入字段。（$Example的值是用户在注册时插入数据库的值，该值可以是1或0）啊哈，你没有解释！编辑我的答案以解决问题。哇，非常感谢，你能举例说明检查（）是什么吗？无论如何，谢谢你的支持！！