Javascript 表单内的手风琴自动提交
所以，免责声明，我已经找到了这个问题的答案，但我把它作为一个问题发布，以防它对其他人有所帮助 场景：在页面中的表单中，您有两个手风琴，以便用户可以折叠他们已经查看的部分。如果您遵循大多数示例，扩展手风琴实际上会自动提交表单，而不是buenoJavascript 表单内的手风琴自动提交,javascript,html,css,accordion,Javascript,Html,Css,Accordion,所以，免责声明，我已经找到了这个问题的答案，但我把它作为一个问题发布，以防它对其他人有所帮助 场景：在页面中的表单中，您有两个手风琴，以便用户可以折叠他们已经查看的部分。如果您遵循大多数示例，扩展手风琴实际上会自动提交表单，而不是bueno <!DOCTYPE html> <html> <head> <style> .accordion { background-color: #eee; color: #444; curso
<!DOCTYPE html>
<html>
<head>
<style>
.accordion {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
}
.active, .accordion:hover {
background-color: #ccc;
}
.panel {
padding: 0 18px;
display: none;
background-color: white;
overflow: hidden;
}
</style>
</head>
<body>
<h2>Accordion</h2>
<form action="fail" method="post" enctype="multipart/form-data">
<button class="accordion">Section 1</button>
<div class="panel">
<input type="checkbox" name="checkbox1.1">Checkbox 1.1
<br>
<input type="checkbox" name="checkbox1.2">Checkbox 1.2
</div>
<button class="accordion">Section 2</button>
<div class="panel">
<input type="checkbox" name="checkbox2.1">Checkbox 1.1
<br>
<input type="checkbox" name="checkbox2.2">Checkbox 1.2
</div>
<input type="submit" value="Submit">
</form>
<script>
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.display === "block") {
panel.style.display = "none";
} else {
panel.style.display = "block";
}
});
}
</script>
</body>
</html>
.手风琴{
背景色：#eee；
颜色：#444；
光标：指针；
填充：18px；
宽度：100%；
边界：无；
文本对齐：左对齐；
大纲：无；
字体大小：15px；
过渡：0.4s；
}
.活动，.手风琴：悬停{
背景色：#ccc；
}
.小组{
填充：0 18px；
显示：无；
背景色：白色；
溢出：隐藏；
}
手风琴
第一节
复选框1.1
复选框1.2
第二节
复选框1.1
复选框1.2
var acc=document.getElementsByClassName（“accordion”）；
var i；
对于（i=0；i<button type="button" class="accordion">Section 1</button>
<button type="button" class="accordion">Section 2</button>
第1节
第二节