通过 php 检查复选框时隐藏 html

Question

在我的项目中，我有一个HTML 页面，当checkbox 为checked 时，应该显示HTML 文件的某些部分，我使用了Form tag，因为我应该submit 那个参数到服务器。 这是HTML文件的那一部分：（HTML文件名是config.html）

<input type="checkbox" name="advancecheck" id="advancecheck" onchange="valueChanged()">
<br>   
<script type="text/javascript">
    function valueChanged()
    {
        if($('.advancecheck').is(":checked"))   
            $(".subnetmaskdiv").show();
        else
            $(".subnetmaskdiv").hide();
    }
</script>
<form action="" method="post" name="subnet">
    <div id="subnetmaskdiv">
        <label>Subnet Mask</label>
        <input type="text" name="subnetmask" id="subnetmask">
        <br>
    </div>
</form>

我在HTML 文件中这样做了。 我将这个HTML 文件包含在我的Php 文件中：（我的Php 文件名为configwireless.php）

我尝试了不同的方法来做到这一点，但没有机会。 谁能通过一个简单的样本告诉我正确的方法是什么？ 任何帮助将不胜感激。 谢谢大家。

Answer 1

试试这个，希望有用

<input type="checkbox" name="advancecheck" id="advancecheck" 
onchange="valueChanged()"/><br>

<script type="text/javascript">

    function valueChanged() {
      if (document.getElementById('advancecheck').checked) {
          document.getElementById("subnetmaskdiv").style.display = 'block';
      } else {
        document.getElementById("subnetmaskdiv").style.display = 'none';
      }
    }

</script>

<form action="" method="post" name="subnet">
  <div id="subnetmaskdiv" style="display:none;">
    <label>Subnet Mask</label>
    <input type="text" name="subnetmask" id="subnetmask"><br>
  </div>
</form>

Answer 2

例如：

<div id="autoUpdate" class="autoUpdate">
   content
</div>

这里的复选框：

<input type="checkbox" id="checkbox1" />

如果您想在单击复选框时隐藏 div，那么

<script type="text/javascript">
$('#checkbox1').change(function(){
        if (this.checked) {
            $('#autoUpdate').hide();
        }

    });
</script>

这只是一个示例供您参考。