您可以使用JavaScript来实现这个功能。首先,在HTML中创建一个包含两个表单的容器,并在第一个表单中添加一个复选框,用于切换第二个表单的显示与隐藏。

<div id="formContainer">
  <form id="form1">
    <label for="isSuperAccount">是否超级账套:</label>
    <input type="checkbox" id="isSuperAccount" name="isSuperAccount" onchange="toggleForm2()">
  </form>
  
  <form id="form2" style="display: none;">
    <!-- 在这里添加第二个表单的内容 -->
    <label for="inputField">输入字段:</label>
    <input type="text" id="inputField" name="inputField">
    <button type="submit">提交</button>
  </form>
</div>

接下来,使用JavaScript编写一个函数toggleForm2(),用于根据复选框的状态来切换第二个表单的显示与隐藏。

function toggleForm2() {
  var checkbox = document.getElementById('isSuperAccount');
  var form2 = document.getElementById('form2');
  
  if (checkbox.checked) {
    form2.style.display = 'block';
  } else {
    form2.style.display = 'none';
  }
}

当复选框被选中时,第二个表单会显示出来;当复选框未被选中时,第二个表单会隐藏起来。

请注意,这只是一个简单的示例代码,您可以根据实际需求进行修改和优化。


原文地址: https://www.cveoy.top/t/topic/i9sb 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录