form表单生成超级账套 label为是的时候再弹出一个form表单
您可以使用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 著作权归作者所有。请勿转载和采集!